웹·메뉴판 업로드 전 이미지 압축 — 용량·화질·CLS 점검
블로그·스마트스토어·메뉴판 PDF에 올리기 전 JPEG 품질, 최대 폭, 브라우저 로컬 압축으로 용량을 줄이는 실무 가이드입니다.
출처·확인일: 2026-10-07. Google PageSpeed Insights는 lab·field 데이터를 구분해 설명합니다(PSI 문서, 2026-10-07 접속). 아래는 Tranfox 이미지 압축과 소셜 리사이저를 업로드 전에 쓰는 순서입니다.
용도별 시작 설정
| 용도 | 최대 폭 참고 | 확인 |
|---|---|---|
| 블로그 본문 | 1200~1600px | 본문 column보다 과도하게 크지 않게 |
| 메뉴 사진 | 1000~1400px | 글자·가격 가독성 유지 |
| 썸네일·카드 | 600~800px | 목록에서 과한 선명도 불필요 |
압축 루프
- 원본 RAW·PSD는 별도 보관하고 웹용 사본만 압축합니다.
- 품질 80 전후에서 시작해 육안으로 텍스트·음식 텍스처를 확인합니다.
- 같은 파일명으로 덮어쓰지 말고
-web접미사를 둡니다. - 업로드 후 모바일 LTE에서 첫 화면 로딩을 확인합니다.
- 공유 카드가 필요하면 OG 미리보기 검사기로 제목·이미지를 봅니다.
CLS·접근성
HTML에 width·height 또는 CSS aspect-ratio를 지정하면 레이아웃 이동을 줄일 수 있습니다. W3C HTML 접근성 가이드는 대체 텍스트·대비를 강조합니다(WCAG 2.2 Quickref, 2026-10-07 접속). 압축만으로 SEO 순위가 보장되지는 않습니다.
소셜 규격은 소셜 이미지 규격 가이드, 도구 묶음은 이미지·SNS 도구 클러스터를 참고하세요.
참고 출처(2026-10-07 확인): PageSpeed Insights, W3C File API, WCAG 2.2.
자주 묻는 질문
Tranfox 이미지 압축은 서버에 원본을 올리나요?
아닙니다. 브라우저에서 File API로 읽어 변환합니다. 다만 다른 사이트에 업로드할 때는 해당 플랫폼의 저장·CDN 정책을 별도로 확인해야 합니다.
PNG 로고도 압축 도구로 줄일 수 있나요?
도구 설정에 따라 JPEG로 변환되며 투명 배경이 사라질 수 있습니다. 로고·아이콘은 PNG·SVG 원본을 보관하고 사진형 메뉴만 JPEG 압축을 적용하세요.
압축 후에도 페이지가 느리면 무엇을 보나요?
HTML width/height, lazy loading, WebP 제공 여부, LCP 이미지 1장의 크기를 함께 봅니다. PageSpeed는 lab 데이터일 뿐 현장 네트워크와 다를 수 있습니다.
Tranfox 핵심 기능 바로가기
블로그 가이드에서 기준을 확인한 뒤 실제 기능 페이지에서 URL 단축, QR코드, 클릭 통계까지 이어서 사용할 수 있습니다.
무료 URL 단축기
광고 없이 짧은 링크, QR코드, 클릭 통계를 한 번에 확인합니다.
링크 줄이기 도구
긴 주소를 짧은 URL로 바꾸고 카카오톡·문자·블로그에 공유합니다.
URL QR코드 만들기
명함, 메뉴판, 포스터, 신청서 링크를 QR코드로 전환합니다.
카카오톡 URL 단축
단체방, 오픈채팅, 채널 메시지에서 긴 링크를 짧게 보냅니다.
단축 URL 클릭 통계
카카오톡, 문자, QR코드, 인스타그램 클릭을 채널별로 봅니다.
링크 줄이기·무료 URL 단축 핵심 가이드
링크 줄이기, 링크 줄이기 무료, 무료 URL 단축, 카카오톡 URL 단축처럼 많이 찾는 검색어를 기준으로 대표 글을 묶었습니다.
링크 줄이기 방법 총정리 2026 - URL 단축, QR코드, 클릭 추적까지
링크 줄이기, 링크 단축기, URL 단축을 처음 쓰는 분을 위한 실전 가이드입니다. 카카오톡, 인스타그램, 문자 공유와 QR코드, 클릭 통계까지 정리했습니다.
무료 URL 단축 사이트 선택 기준 - 광고 없이 QR·통계까지
회원가입 없이 URL을 줄이기 전 광고 유무, QR코드, 클릭 통계, 링크 보존 기간, 카카오톡 공유 안정성을 확인하는 기준입니다.
QR코드 무료 생성 방법 총정리 (2026년 최신)
QR코드를 무료로 쉽게 만드는 방법을 알려드립니다. 명함, 포스터, 인스타그램 등 다양한 용도별 QR코드 생성 가이드.
링크 줄이기 사이트 7곳 비교 2026 | 무료 URL 단축 추천
링크 줄이기 사이트 7곳을 무료 링크 수, 회원가입, 광고, 클릭 통계, QR코드, 자체 도메인 기준으로 비교하고 용도별 선택법을 안내합니다.
단축 URL 클릭수 확인 방법 - 카카오톡·문자·QR코드 성과 보기
단축 URL 클릭수를 확인할 때 총 클릭, 채널별 링크, QR코드 스캔, UTM, 전환율을 함께 보는 방법을 정리했습니다.
카카오톡 링크 줄이기 무료 2026 - 5초 URL 단축 + 미리보기·클릭 통계
카카오톡 링크 줄이기 무료로 5초 만에 끝내는 방법. 오픈채팅·채널 공유 문구, 미리보기 오류 해결, 클릭 통계까지 한 번에 정리했습니다.
Bitly 대체 무료 URL 단축기 2026 | 한도·통계·QR 비교 기준
Bitly 대체 서비스를 고를 때 무료 링크 한도, 클릭 통계, QR코드, 맞춤 주소, 중간 광고와 카카오톡 공유 안정성을 비교하는 체크리스트입니다.
TinyURL 사용법 2026 | 무료 링크 만들기·통계 제한
TinyURL에서 무료 짧은 링크를 만드는 순서와 맞춤 주소, 계정·게스트별 클릭 통계 제한, 카카오톡 공유 전 확인 사항을 안내합니다.
Bitly 무료 한도 2026 | 월 링크 5개·QR 2개, 카드 불필요
Bitly 무료 플랜은 카드·기간 제한 없이 월 링크 5개와 QR 2개를 만들고 클릭·스캔은 무제한입니다. 통계·만료·목적지 변경 제한까지 공식 기준으로 확인하세요.
노션 링크 줄이기 | 공개 권한 확인·URL 단축·QR 6단계
노션 링크 줄이기 전에 Publish·웹 공유 차이와 하위 페이지 공개 범위를 확인하세요. notion.site 주소 단축, 권한 테스트와 QR 공유까지 6단계로 안내합니다.
쿠팡 링크 줄이기 2026 | 상품 URL·파트너스 링크 구분
쿠팡 링크 줄이기 전에 일반 상품 URL과 파트너스 제휴 링크를 구분하세요. 공유 버튼, 추적 파라미터, 대가성 고지와 모바일 이동 확인까지 2026 기준으로 정리했습니다.
유튜브 구독 링크 만들기 | 채널 QR코드·공식 공유 5단계
유튜브 구독 링크 만들기: 유튜브 앱에서 채널 QR코드를 저장하고 @핸들 공유, 단축 URL·인쇄 테스트·클릭 측정까지 공식 도움말 기준 5단계로 확인하세요.
브랜드 단축 링크 신뢰도 높이는 방법 - 피싱 오해 줄이기
브랜드 메시지, 제휴 링크, 결제 안내 링크를 단축할 때 고객이 안심하고 클릭하도록 문구와 운영 기준을 잡는 방법입니다.
카카오 오픈채팅 링크 줄이기 - 공지·신청·예약 URL 단축 방법
카카오 오픈채팅방에서 긴 공지 링크, 신청서, 예약 URL을 짧게 줄이고 클릭률을 높이는 문구와 링크 관리 기준을 정리했습니다.
인스타 프로필 링크 만들기·줄이기 | 쇼핑몰·예약 연결
인스타그램 프로필에 쇼핑몰·예약·블로그 링크를 연결하고, 단축 URL과 링크인바이오를 목적별로 선택해 위치별 클릭과 전환을 확인하는 방법입니다.
스마트스토어 링크 줄이기 | 마케팅 링크·UTM 5단계
스마트스토어 판매자센터에서 공식 마케팅 링크를 먼저 만들고 외부 공유용 URL을 줄이는 5단계입니다. UTM 허용 범위, 수수료 확인, 채널별 클릭 측정을 함께 정리했습니다.
구글폼 링크 줄이기 | forms.gle 짧은 링크 5단계·배포 전 점검
구글폼 링크 줄이기 방법: 게시 후 forms.gle 짧은 링크 복사 5단계, 응답자 권한·로그인 오류 확인, 카카오톡·문자·QR 배포 전 모바일 제출 테스트까지 정리했습니다.
핵심 주제 바로가기
무료 URL 단축 사이트 선택 기준 - 광고 없이 QR·통계까지
회원가입 없이 URL을 줄이기 전 광고 유무, QR코드, 클릭 통계, 링크 보존 기간, 카카오톡 공유 안정성을 확인하는 기준입니다.
링크 줄이기 방법 | 카카오톡·구글폼·스마트스토어별 무료 URL 단축
카카오톡·문자·구글폼·스마트스토어 링크를 짧게 만드는 방법을 상황별로 비교하세요. 무료 URL 단축, QR 코드 생성, 클릭 확인까지 필요한 순서로 정리했습니다.
URL 단축 QR코드 활용 가이드
긴 링크를 QR코드로 만들 때 URL 단축이 필요한 이유와 명함, 메뉴판, 포스터, 유튜브, 오프라인 매장 활용법을 정리했습니다.
한국어 무료 URL 단축기 선택 기준 - 카카오톡·문자 공유 중심
한국어 무료 URL 단축기를 고를 때 카카오톡 미리보기, 문자 전송, 네이버 블로그 공유, QR코드, 클릭 통계 기준을 확인하는 가이드입니다.
비즈니스 URL 단축 활용법 - 예약·쿠폰·상품 링크 클릭률 높이는 기준
매장, 쇼핑몰, 학원, 병원, 부동산에서 URL 단축을 사용할 때 예약 링크, 쿠폰 링크, 상품 링크, QR코드, 클릭 통계 운영 기준을 정리했습니다.