2020/05/30 3

JPG, PNG, GIF, WEBP, SVG

* JPG는 압축률이 훌륭해 사진이나 예술 반야에 많이 사용된다. 손실압축 (원본이 있을때 다시 jpg로 압축해서 파일을 저장하는것을 추천하지않는다. 즉 여러번 원본을 저장하는걸 피하는것이 좋다.) 그대신 용량이 적게 든다. 표현 색상도(24비트, 약 1600만개 색상) 뛰어나 고해상도 표시장치에 적합 이미지의 품질과 용량을 쉽게 조절 가능 가장 널리 쓰이는 이미지 포맷 ====> 높은 압축률(적은 용량)! * PNG는 GIF의 대체 포맷으로 개발 되었다. 비손실 압축 (손실이 없는 대신에 용량이 적게 들지는 않는 단점이 있다.) 8비트(256 색상) / 24비트(약 1600만개 색상) 컬러 이미지 처리 Alpha Channel 지원(투명도) W3C 권장 포맷 ====> 투명도 지원! * GIF는 이미지..

HTML/기초 2020.05.30

비트맵과 백터 이미지

이미지(그래픽)은 크게 비트맵과 백터로 구분이 된다. 비트맵(bitmap)은 각 픽셀이 모여 만들어진 정보의 집합으로 레스터(Raster) 이미지라고도 부른다. 픽셀단위로 화면에 렌더링한다. 우리가 일반적으로 사용하는 대부분의 이미지가 비트맵 형식이다. 그림판, 포토샵과 같은 툴로 편집할수 있다. ex) jpg, png, gif, webp 백터(Vector)는 수학적 정보의 형태(shape)들이 만들어내는 결과물이다. 이미지가 가지고 있는 점, 선, 면의 위치(좌표), 색상 등의 정보를 온전히 가지고 있으며 그를 화면에 렌더링한다. 따라서 좀더 많은 연산을 해야하지만, 대신 해상도(픽셀)에 영향을 비트맵 이미지와 달리 해상도로부터 자유롭게 렌더링할 수 있다. 쉽게 말하면 확대 및 축소를 해도 이미지가 깨..

HTML/기초 2020.05.30