스마트 이미지 업로드
고해상도 이미지 하나를 업로드하면 Flutter와 Svelte 애플리케이션에서 사용할 수 있는 최적화된 변형들을 자동으로 생성하고 복사-붙여넣기 가능한 코드 스니펫을 제공합니다.
스마트 이미지 업로더
고해상도 이미지를 업로드하면 자동으로 여러 변형(1x, 2x, 3x)을 생성하고 WebP 최적화로 플랫폼 전반에서 최적의 성능을 제공합니다.
이미지를 드래그하거나 클릭하여 선택하세요
PNG, JPEG, WebP 최대 50MB
작동 방식
업로드 프로세스
- 업로드: 고해상도 이미지 선택 (PNG, JPEG, WebP)
- 처리: 자동으로 1x, 2x, 3x 변형 생성
- 최적화: 더 나은 압축을 위한 WebP 버전 생성
- 저장: R2에 파일 정리:
images/{project}/{name}_{variant}.{format} - 코드 생성: Flutter와 Svelte용 복사-붙여넣기 스니펫 제공
생성되는 변형들
- 1x (400px): 표준 디스플레이용 기본 크기
- 2x (800px): 레티나/고해상도 디스플레이
- 3x (1200px): 초고해상도 디스플레이
- WebP: 더 나은 압축률의 최신 포맷
- PNG/JPEG: 호환성을 위한 대체 포맷
파일 네이밍 규칙
{project}_{imageName}_{variant}_{randomId}_{timestamp}.{format}
예시: home_v2_banner_2x_abc123_1640995200.webp
사용 예시
Flutter
BitbunnyNetworkImage(
imageName: "home_v2_banner_abc123_1640995200",
project: "home_v2",
width: 300,
height: 200,
)Svelte
<BitbunnyImage
name="home_v2_banner_abc123_1640995200"
project="home_v2"
alt="홈 배너"
/>