1200x630 표준 규격 적용을 통한 Cross-Platform 이미지 최적화

Context

플랫폼별로 상이한 Open Graph 이미지 규격으로 인한 크롭 및 왜곡 현상 발생. 고해상도 디스플레이 보급에 따른 이미지 선명도 저하 및 렌더링 일관성 부족이라는 기술적 제약 존재.

Technical Solution

• 1.91:1 Aspect Ratio 기반의 1200x630 표준 규격 채택을 통한 전 플랫폼 호환성 확보
• High-DPI(Retina) 디스플레이 대응을 위해 600px 기준 2x Pixel Density를 확보한 1200px 너비 설계
• 텍스트 및 단색 영역의 무손실 압축을 위해 JPEG 대비 PNG 포맷 우선 적용
• 플랫폼별 상이한 크롭 로직에 대응하기 위해 상하좌우 60px Margin의 Safe Zone 설정
• 초기 렌더링 속도 최적화를 위해 og:image:width 및 height 메타 태그 명시
• 대규모 페이지 대응을 위한 Vercel OG 및 Cloudinary 기반의 Dynamic Image Generation 파이프라인 구축