참고 자료
이미지 작업 가이드
크기와 형식 선택, 파비콘 적용, SVG 출력, 스크린샷 공유까지. 작업하면서 자주 확인하는 내용을 예제로 정리했습니다.
이미지를 찌그러뜨리지 않고 크기 조절하는 법
가로세로 비율을 지키면서 필요한 픽셀 크기로 줄이는 방법과 업스케일을 피해야 하는 이유를 설명합니다.
글 읽기이미지 비율 이해하기: 1:1, 4:3, 3:2, 16:9
자주 쓰는 이미지 비율의 차이와, 목표 비율에 맞춰 무엇을 남기고 어디를 자를지 정하는 방법을 정리합니다.
글 읽기PNG, JPEG, WebP 중 어떤 이미지 형식을 써야 할까
투명도, 사진 화질, 파일 크기, 호환성을 기준으로 PNG·JPEG·WebP를 고르는 실용적인 기준을 설명합니다.
글 읽기이미지 용량 1MB 이하로 줄이기: 업로드 제한에 맞추는 방법
JPG·WebP 이미지의 목표 용량을 정하고, 해상도와 품질을 조절해 1MB 업로드 제한에 맞추세요. PNG의 한계와 실제 결과 확인 방법도 설명합니다.
글 읽기파비콘 ZIP을 내 사이트에 적용하는 순서
ICO, PNG, 웹 매니페스트의 역할과 파일 경로를 확인하는 방법을 정리했습니다.
글 읽기SVG의 크기를 바꿀 때 viewBox를 확인하는 이유
출력 크기와 그림 좌표를 구분하고, 정리된 SVG가 원본과 다를 때 확인할 부분을 설명합니다.
글 읽기스크린샷 공유 전, 가릴 부분을 빠뜨리지 않는 법
단색 가리기와 저장본 확인을 중심으로, 화면 곳곳에 남을 수 있는 정보를 점검합니다.
글 읽기이미지의 픽셀 크기, 색상, 차이를 확인하는 기준
원본 좌표와 화면 배율을 구분하고 픽셀 자, 색상 추출기, 이미지 비교를 함께 쓰는 방법입니다.
글 읽기