포트폴리오 이미지 최적화 가이드

포트폴리오 사이트는 이미지 품질이 곧 신뢰입니다. 하지만 고해상도 결과물을 원본 그대로 올리면 첫 화면 로딩이 느려지고, 방문자가 작품을 보기도 전에 이탈할 수 있습니다. 포트폴리오 최적화는 품질을 지키는 압축이 핵심입니다.

대표 작품 이미지는 품질 80 이상에서 시작하는 것이 좋습니다. 작은 썸네일과 목록 이미지는 더 강하게 압축하되, 상세 페이지에서 확대해서 보는 이미지는 선명도를 더 우선해야 합니다. 같은 작품이라도 위치별로 다른 파일을 준비하면 효율적입니다.

디자인 포트폴리오의 UI 캡처는 텍스트와 얇은 선이 많아 낮은 품질에서 흐려지기 쉽습니다. 이런 이미지는 PNG 또는 무손실에 가까운 WebP를 비교하고, 사진 중심 작품은 손실 WebP를 테스트하는 방식이 좋습니다.

검색 노출을 고려한다면 작품명, 역할, 프로젝트 유형을 파일명과 alt 텍스트에 자연스럽게 반영하세요. 단, 포트폴리오의 핵심은 사용자가 작품을 이해하는 것이므로 키워드보다 정확한 설명이 우선입니다.

• 대표 작품은 품질 80 이상에서 시작합니다.
• 썸네일과 상세 이미지를 분리해 준비합니다.
• UI 캡처는 텍스트 선명도를 기준으로 판단합니다.
• 사진 작품은 WebP 변환 결과를 비교합니다.
• 작품명과 역할을 파일명과 alt 텍스트에 반영합니다.

원본 PNG3.32 MB

JPEG 품질 80564.2 KB

이 비교에서 파일 크기는 83.4% 줄었습니다. 대표 이미지만 보수적으로 두고 나머지 목록 이미지는 더 줄이는 방식이 효율적입니다. 위 이미지는 웹 표시용 미리보기이며, 표기한 용량은 원본 파일 기준입니다.