파비콘 + OG 이미지
+ 메타태그,
복붙 한 번에 끝.

이미지 한 장 올리면 favicon.ico부터 OG 이미지, manifest.json, SEO 메타태그까지 전부 생성됩니다. 모든 처리는 브라우저 안에서만 — 서버로 아무것도 전송되지 않아요.

파비콘용 이미지를 올리면 버튼이 활성화됩니다.

1 파비콘용 이미지 업로드

로고/심볼 이미지를 드래그하거나 클릭해서 업로드
1024×1024 정사각형 PNG/SVG 권장 · 최소 512×512 · 서버 전송 없음

2 OG 이미지 업로드 (선택)

카카오톡·페이스북·트위터 공유 미리보기에 쓰일 이미지입니다. 1200×630 (1.91:1)로 만들어서 올려주세요. 다른 비율이면 중앙 기준으로 잘라드립니다. 올리지 않으면 og:image 태그는 코드에서 빠집니다.

OG 이미지를 드래그하거나 클릭해서 업로드
권장 1200×630 (레티나는 2400×1260) · PNG/JPG/WebP

3 사이트 정보

검증

메타태그 붙여넣기 검증기

생성한 코드나 실제 사이트의 head 일부를 붙여넣고 누락, 중복, 오타를 확인하세요.

대기 중코드를 붙여넣으면 누락, 중복, 오타를 바로 검사합니다.
체크

퍼블리싱 최종 체크리스트

배포나 납품 직전에 확인한 항목을 체크하고, 그대로 공유할 메시지로 복사하세요.

0/13 완료

메타/공유

접근성/문서

반응형/성능

PR/납품 메시지 미리보기
퍼블리싱 최종 체크 결과
확인 완료: 0/13

[완료]
- 아직 완료로 표시한 항목이 없습니다.

[남은 확인]
- [ ] 파비콘/터치 아이콘 적용
- [ ] site.webmanifest 연결
- [ ] OG/Twitter 공유 미리보기
- [ ] title/description 점검
- [ ] canonical URL 확인
- [ ] viewport meta 확인
- [ ] html lang 값 확인
- [ ] 의미 있는 이미지 alt 확인
- [ ] 키보드 focus-visible 확인
- [ ] 404/오류 화면 확인
- [ ] 375/768/1280 반응형 확인
- [ ] 웹폰트 로딩 확인
- [ ] 이미지 용량과 실제 표시 크기 확인

왜 파비콘과 OG 이미지를 같이 만들어야 하나요?

파비콘은 브라우저 탭·북마크·검색결과에, OG 이미지는 카카오톡·페이스북·트위터(X) 공유 미리보기에 쓰입니다. 두 가지 모두 사이트의 첫인상을 결정하지만 필요한 사이즈와 메타태그가 제각각이라 하나하나 만들면 번거롭죠. 복붙랩은 원본 이미지 한 장으로 멀티사이즈 favicon.ico(16·32·48), 애플터치 아이콘(180), 안드로이드/PWA 아이콘(192·512), 세이프존이 적용된 maskable 아이콘, OG 이미지(1200×630)까지 한 번에 만들고, 복사해서 붙여넣기만 하면 되는 메타태그 코드도 함께 제공합니다.

권장 이미지 사이즈

1024×1024 이상의 정사각형 PNG 또는 SVG를 권장합니다. 축소는 깨끗하게 되지만 확대는 화질이 깨지기 때문에 원본은 크게 준비하는 게 좋아요. 최소 512×512 이상이어야 512px PWA 아이콘을 손실 없이 만들 수 있습니다.