태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

Web에서 PNG , GIF, JPEG , SVG 중 어떤 것을 사용하면 좋을까요? – So Eun Lee – Medium

https://medium.com/@soeunlee/web에서-png-gif-jpeg-svg-중-어떤-것을-사용하면-좋을까요-6937300e776e

처음에 이 질문을 받았을때, 어떠한 상황에서 각각의 이미지 타입(PNG,GIF,JPEG,SVG)를 사용하면 좋은지 정확히 알지 못해 찾아보게 되었고, 찾아본 내용과 실무에서 어떻게 적용하고 있는지 정리해 보고자 합니다. BMP는 말그대로 Bit 들의 Map이고, 오래된 포맷입니다.압축을 전혀 하지 않는 BMP로 저장하면 아주 큰 사이즈로 저장이 되는데요…

 

 

 

 

댓글을 달아 주세요

html img 정렬

개발/html 2016. 8. 9. 11:06

댓글을 달아 주세요

댓글을 달아 주세요

10 Color Picker Plugins

https://www.sitepoint.com/10-color-pickers-plugin/

10 awesome jQuery Color Picker Plugins that will help your website users pick the colors they want with ease! Tutorials make it very easy to setup. Enjoy!

 

 

 

 

'개발 > html' 카테고리의 다른 글

html img 정렬  (0) 2016.08.09
html - How to center a "position: absolute" element  (0) 2016.07.25
10 Color Picker Plugins  (0) 2016.07.13
HTML5 CANVAS EXPORT AS PNG OR JPEG  (0) 2016.07.03
canvas 이미지 품질  (0) 2016.06.30
canvas 이미지 필터링 처리  (0) 2016.06.30

댓글을 달아 주세요

HTML5 canvas export as png or jpeg | Jaspreet Chahal

http://jaspreetchahal.org/html5-canvas-export-as-png-or-jpeg/

 

=> 코멘트에서 jpeg는 ie10, ie11에서 동작안한다고 되어 있다. php에서 변환해야 하겠다.

 

 

blueimp/JavaScript-Canvas-to-Blob: JavaScript Canvas to Blob is a function to convert canvas elements into Blob objects.

https://github.com/blueimp/JavaScript-Canvas-to-Blob

JavaScript-Canvas-to-Blob - JavaScript Canvas to Blob is a function to convert canvas elements into Blob objects.

 

 

 

 

'개발 > html' 카테고리의 다른 글

html - How to center a "position: absolute" element  (0) 2016.07.25
10 Color Picker Plugins  (0) 2016.07.13
HTML5 CANVAS EXPORT AS PNG OR JPEG  (0) 2016.07.03
canvas 이미지 품질  (0) 2016.06.30
canvas 이미지 필터링 처리  (0) 2016.06.30
HTML5 Canvas Image Crop  (0) 2016.06.30
TAG Canvas, html5

댓글을 달아 주세요

'개발 > html' 카테고리의 다른 글

10 Color Picker Plugins  (0) 2016.07.13
HTML5 CANVAS EXPORT AS PNG OR JPEG  (0) 2016.07.03
canvas 이미지 품질  (0) 2016.06.30
canvas 이미지 필터링 처리  (0) 2016.06.30
HTML5 Canvas Image Crop  (0) 2016.06.30
html5 canvas 이미지 회전  (0) 2016.06.24
TAG Canvas, html5

댓글을 달아 주세요

CamanJS - Interactive Examples

http://camanjs.com/examples/

 

=> 다양한 필터링을 제공한다.

 

 

'개발 > html' 카테고리의 다른 글

HTML5 CANVAS EXPORT AS PNG OR JPEG  (0) 2016.07.03
canvas 이미지 품질  (0) 2016.06.30
canvas 이미지 필터링 처리  (0) 2016.06.30
HTML5 Canvas Image Crop  (0) 2016.06.30
html5 canvas 이미지 회전  (0) 2016.06.24
javascript - How to get the entire document HTML as a string  (0) 2016.05.21
TAG Canvas, html5

댓글을 달아 주세요

Resizing and Cropping Images with Canvas | Codrops

http://tympanus.net/codrops/2014/10/30/resizing-cropping-images-canvas/

Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.

 

 

 

HTML5 Canvas Image Crop Tutorial

http://www.html5canvastutorials.com/tutorials/html5-canvas-image-crop/

To crop an image using HTML5 Canvas, we can add six additional arguments to the drawImage() method, sourceX, sourceY, sourceWidth, sourceHeight, destW

 

 

 

TAG Canvas, Crop, html

댓글을 달아 주세요

HTML5 Canvas image rotate (HTML 이미지 회전) :: 백지성의 개인 블로그

http://egloos.zum.com/Luia/v/2003287

 

=> 이미지 중심을 기준으로 회전을  할 수 있도록 잘 설명되어 있다.

 

 

 

 

 

TAG Canvas, html5

댓글을 달아 주세요

댓글을 달아 주세요