2020.11.11

HYEWON PARK·2020년 11월 11일
0

TIL

목록 보기
3/4
  1. HTML 초급 이미지 포맷(JPEG, GIF, PNG 8/24 bit)

    JPEG(jpg)
    이미지 깨짐이 적고 용량이 확연히 줄어든다. 그러나 압축률이 높아 노이즈와 같은 손실이 일어나는 포맷이다. 따라서 원본파일 저장에는 적합하지 않다.

    GIF
    움직이는 이미지로, jpg와 달리 비손실 방식이다. 그러나 최대 256개의 색 밖에 사용할 수 없다는 단점이 있다. gif는 움직이는 이미지를 구현하지만 속도가 초당 20프레임을 넘어가면 브라우저의 속도를 늦추므로 신중하게 선택해야 한다.

    PNG 8bit
    움직이지 않는 다는 것을 제외하고 GIF를 완벽히 대체한다. GIF보다 압축률이 더 높기 때문에 움직이는 이미지가 아닐 경우 사용이 권장된다.

    PNG 24bit
    원본의 색을 모두 다 저장한다. GIF와 PNG 8bit완 달리 부드러운 투명도를 표현할 수 있다는 것도 장점이다. PNG 24ibt는 비 손실이기 때문에 편집 계획이 있다면, PNG 사용이 권장된다.그러나 PNG 24bit는 이미지 용량이 크게 나오기 때문에 꼭 필요한 경우가 아니라면 PNG bit나, JPG 포맷을 사용하는 것이 낫다.

    포토샵으로 저장 시
    웹 용으로 저장하기(Save for Web..)를 통해 저장하면 용량을 줄일 수 있다.

profile
100% 달성을 목표로!

0개의 댓글