메타데이타를 제거하여 이미지 최적화하기
JPG 이미지포맷에는 촬영기기의 모델명, 촬영일시, 노출 감도, 편집 프로그램 정보 등 그림데이타 이외의 여러 정보가 남겨집니다.
PNG 이미지포맷 역시 마지막 수정시간, 색상히스토그램, ICC 칼라 프로필, 감마값 등 그림데이타 이외의 여러 정보가 남겨집니다.
이러한 데이타를 흔히 '이미지 메타데이타(Metadata)'라고 부릅니다. 사진편집작업을 할때엔 이러한 정보가 유용하겠지만 웹서비스 UI에서 사용되는 이미지 파일은 이러한 정보를 필요로 하지 않습니다. 다시말해 불필요한 데이타라고 볼수 있습니다.
PNG 이미지포맷 역시 마지막 수정시간, 색상히스토그램, ICC 칼라 프로필, 감마값 등 그림데이타 이외의 여러 정보가 남겨집니다.
이러한 데이타를 흔히 '이미지 메타데이타(Metadata)'라고 부릅니다. 사진편집작업을 할때엔 이러한 정보가 유용하겠지만 웹서비스 UI에서 사용되는 이미지 파일은 이러한 정보를 필요로 하지 않습니다. 다시말해 불필요한 데이타라고 볼수 있습니다.
일반적으로 20KB 정도의 용량을 차지하는 이들 메타데이타를 제거하면 이미지파일 용량이 줄어들어 웹서비스 로딩 속도가 향상될 것입니다.
포토샵을 이용하면 쉽게 메타데이타를 제거할수 있습니다.
메뉴에서 [File]->[Save for Web & Devices...]을 선택한 다음
Save for Web & Devices 윈도우창에서 우측 중앙 부분에 Metadata 부분을 None으로 설정한 다음 저장해주시면 됩니다.
댓글 5개
13년 전
유용한 팁입니다
13년 전
감사요
아이스웨덴™
13년 전
놀라운 팁입니다. 감사합니다.
techer
13년 전
유용합니다.감사합니다.
은빛달그림자
13년 전
오옷+ㅁ+감사합니다. 신기하네요
게시글 목록
| 번호 | 제목 |
|---|---|
| 1411 | |
| 1410 |
HTML
배경이미지 고정하기 스타일시트
|
| 1409 | |
| 1407 | |
| 1406 |
HTML
HTML5 elements
|
| 1404 |
HTML
한글 체크 함수
1
|
| 1403 | |
| 1399 |
HTML
질문드립니다.답답해죽겠습니다.
3
|
| 1394 | |
| 1391 | |
| 1387 |
HTML
자바스크립트 정규식 질문 드립니다
3
|
| 1385 | |
| 1384 | |
| 1382 | |
| 1380 |
HTML
소스가 안되서 질문을 좀 드려요
1
|
| 1378 |
HTML
제이쿼리 부문 질문입니다.
1
|
| 1376 | |
| 1374 | |
| 1371 | |
| 1368 |
HTML
회원가입폼 수정
2
|
| 1364 |
HTML
[유트브]동영상 사이트 만들기
3
|
| 1360 |
HTML
도시 이름 한국어 리스트
4
|
| 1357 | |
| 1356 |
HTML
계정홈디렉토리에 파일 복사해 넣기
|
| 1349 | |
| 1347 | |
| 1341 |
HTML
html5 가이드 입니다.
5
|
| 1339 |
HTML
웹 접근성 검사 K-WAH 3.0
1
|
| 1336 | |
| 1334 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기