01 - 피그마 그리고 이미지 최적화에 대한 고민
보통 웹 개발 시 피그마를 활용하여 이미지를 잘라 사용하여 최적화 후 웹사이트에 적용할 것이다. 하지만, 미세하게 파고들어 갔더니 아래와 같은 예상치 못한 결과가 나왔다. 아래 원본 이미지를 기준으로 진행한다. 최적화 도구는 FastStone Photo Resizer, TinyPNG 활용했다. 새로운 사실 1. 아래 원본을 피그마 동일한 크기로 업로드 후 추출만 했을 뿐인데 화질 차이가 심하게 나고 있다. 우측을 보면, 전체적으로 흐리멍덩하고 뿌연 화질이다. 특히, 피그마에서 추출 시 아래 붉은색 표기된 부분과 전체적으로 블록형태의 깨짐이 발생했다. 피그마에서 이미지 랜더링 과정에서 화질을 갉아먹는 행위를 하고 있다. 새로운 사실 2. 원본을 피그마 업로드 후 순정 상태로 추출만 했을 때 용량이 3.53..
2023.12.09