Skip to content

refactor: Lighthouse 이미지 최적화 - 업로드 리사이즈 및 뷰어 개선#121

Merged
KimSuro5773 merged 1 commit into
mainfrom
feat/image-resize-on-upload
Apr 16, 2026
Merged

refactor: Lighthouse 이미지 최적화 - 업로드 리사이즈 및 뷰어 개선#121
KimSuro5773 merged 1 commit into
mainfrom
feat/image-resize-on-upload

Conversation

@KimSuro5773

Copy link
Copy Markdown
Collaborator

개요

이미지 업로드 시 브라우저에서 리사이즈 처리하여 Lighthouse 이미지 최적화 경고를 개선합니다.

📝 작업 내용

resizeImageFile 유틸 추가

  • Canvas API를 사용해 업로드 전 브라우저에서 이미지를 리사이즈
  • WebP 포맷으로 변환 (품질 85%), 실제 리사이즈된 width/height 반환

Tiptap 이미지 업로드

  • 업로드 전 600x600으로 리사이즈
  • setImage 호출 시 width/height 속성 명시 → "이미지 요소에 width/height 없음" 경고 해결

프로필 이미지 업로드

  • 업로드 전 200x200으로 리사이즈

TiptapViewer

  • [&_img] selector로 h-auto 명시하여 렌더링된 이미지 비율 유지

@vercel

vercel Bot commented Apr 16, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
4-frontend Ready Ready Preview, Comment Apr 16, 2026 10:00am

@github-actions

Copy link
Copy Markdown

🎨 Storybook Preview (Chromatic)

결과 상세 내용
🚀 Storybook Preview 미리보기 바로가기
🛠 Build Details Chromatic 빌드 리포트

@KimSuro5773 KimSuro5773 merged commit 531d0ef into main Apr 16, 2026
5 checks passed
@KimSuro5773 KimSuro5773 deleted the feat/image-resize-on-upload branch April 16, 2026 13:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants