티스토리 뷰
이미지 타입 선택
프로젝트 종류에 따른 이미지 타입표
종류 | PC web | Mobile Web | Mobile App |
---|---|---|---|
GIF | 기본 | 사용가능 | X |
JPG | 컬러수 많거나 운영성 이미지일 때 | 운영성 이미지일 때 | X |
PNG-8 | X | 기본 | 반투명효과 없고 컬러가 적을 때 |
PNG-24 | 반투명효과가 있을 때에만 사용 | 컬러 수 많거나 반투명효과가 있을 때 | 기본 |
이미지 스프라이트 | O | O | X |
PC Web
- 기본 포맷은 GIF를 사용한다.
- 일반 저장 시(File->Save) : 압축률 10/12 이상으로 저장할 것.
- Save for web 기준 : Original 혹은 JPG Quality 90 이상
- JPG는 인물이나 실사 이미지와 같이, 색 변화 및 그라데이션이 풍부한 경우 및 운영성 이미지에 주로 사용한다.
- JPG로 저장 시 압축률 관리
- 구형브라우저에서의 PNG 이미지 지원
Mobile Web
- 3G망을 이용하는 유저를 고려하여 용량 축소가 중요하다.
- PNG-8 포맷을 기본으로 저장하며, 색상 수가 많거나 반투명 효과가 있으면 PNG-24를 사용한다.
- 용량 대비 이미지 품질을 고려하여 포맷을 변경할 수도 있다.
image 출처 : https://dribbble.com/shots/5402806-VR/attachments
'Coding > CSS' 카테고리의 다른 글
Font Awesome (1) | 2018.12.26 |
---|---|
CSS 단위, 색상, 선언방법 (1) | 2018.12.05 |
background (0) | 2018.12.05 |
overflow (0) | 2018.12.05 |
text (align, transform, decoration) (0) | 2018.12.05 |
댓글
© 2018 eh2world