웹사이트의 시각적 매력을 유지하고 빠른 로딩 속도를 확보하려면 적절한 이미지 크기를 선택하는 것이 필수적입니다. 올바른 크기의 이미지를 사용하면 모든 기기에서 콘텐츠가 선명하게 표시될 뿐만 아니라 페이지 성능도 향상됩니다.
이 가이드는 Pixpa의 각 섹션에 권장되는 이미지 크기를 안내하여, 이미지가 왜곡이나 불필요한 크기 조정 없이 완벽하게 맞도록 업로드하는 데 도움을 줍니다. 이 가이드라인을 따르면 일관된 레이아웃을 유지하고 방문자에게 더욱 쾌적한 시청 경험을 제공할 수 있습니다.
Pixpa는 최적의 표시 및 성능을 보장하면서 원본 화면 비율을 유지하기 위해 이미지를 자동으로 확대/축소합니다.
- 이미지는 최대 2560 × 3840 픽셀의 경계 상자 내에 맞도록 크기가 조정됩니다.
- 너비와 높이 모두 이러한 제한을 초과하지 않습니다.
- 이미지 방향에 따라 한 차원의 크기가 더 작을 수 있습니다.
확장의 작동 방식:
- 두 가지 조건이 모두 충족될 때까지 이미지 크기가 축소됩니다.
- 너비는 2560픽셀 이하입니다.
- 높이는 3840픽셀 이하입니다.
권장 사이즈:
- 가로 방향 이미지의 경우 최대 2560픽셀 너비까지 사용하세요.
- 세로 방향 이미지의 경우 높이가 최대 3840픽셀까지 사용하세요.
이 기사는 다음 주제들로 구성되어 있습니다 :
- 웹사이트 갤러리에 이상적인 이미지 크기
- 배너에 이상적인 이미지 크기
- 추천 이미지에 이상적인 이미지 크기
- 제품 이미지에 이상적인 이미지 크기
- 블로그 게시물 이미지에 적합한 크기
- 페이지 빌더 스니펫의 이미지 크기
- 페이지 빌더 목록 항목의 이미지 크기
- 클라이언트 갤러리에 이상적인 이미지 크기
- 갤러리 앱에 적합한 이미지 크기
- Gif에 이상적인 크기
- 이미지 품질 및 압축
- 이미지 색상 프로파일
- 웹 사이트 이미지의 이미지 크기 조정
- 이미지 선명도
- 대량 이미지 처리
웹사이트 갤러리에 이상적인 이미지 크기
갤러리 에는 100% 고화질 이미지(각 최대 50MB)를 업로드하는 것을 권장합니다 . 웹사이트 로딩 속도를 높이기 위해 기기와 해상도에 따라 이미지 크기를 자동으로 조정하여 최적의 크기로 제공합니다.
지원되는 웹사이트 이미지 파일 형식은 JPG, JPEG, PNG 및 GIF입니다.
저희는 웹사이트 섹션에 원본 이미지를 보관하지 않습니다 . Pixpa는 원본 이미지의 가로세로 비율을 유지하면서 최대 가로 2560픽셀, 세로 3840픽셀 크기에 맞도록 이미지를 자동으로 최적화합니다. 더 큰 이미지를 업로드하는 경우, 가로가 2560픽셀, 세로가 3840픽셀을 초과하지 않도록 크기가 조정됩니다.
이미지는 원래의 가로세로 비율을 유지하면서 최대 너비 2560픽셀, 높이 3840픽셀 크기에 맞도록 자동으로 최적화됩니다. 갤러리 그리드 레이아웃의 경우, 웹사이트 이미지는 사용자가 선택한 그리드 레이아웃에 따라 자동으로 생성됩니다.
최적의 성능을 위해 웹사이트 갤러리/페이지 갤러리 당 허용되는 최대 이미지 수는 500개입니다 . 표시할 이미지가 더 많은 경우 여러 개의 갤러리를 만드는 것을 고려해 보세요.
배너에 이상적인 이미지 크기
배너 이미지 나 커버 이미지는 페이지에 특별한 느낌을 더해줍니다. 배너는 페이지 상단이나 하단에 추가할 수 있습니다.
배너 이미지의 이상적인 크기는 2000픽셀 x 2000픽셀입니다.
배너에 지원되는 이미지 파일 형식은 JPG, JPEG, PNG 및 GIF입니다.
추천 이미지에 이상적인 이미지 크기
페이지의 대표 이미지는 소셜 미디어 공유에 사용되며, 페이지를 폴더에 추가할 때도 사용됩니다. 썸네일 이미지로는 100% 고화질 이미지를 업로드하는 것을 권장합니다.
추천 이미지에 지원되는 파일 형식은 JPG, JPEG 및 GIF입니다.
추천 이미지에 권장되는 이미지 크기는 없습니다. 이미지를 업로드하면 시스템에서 자동으로 이미지 크기를 조정합니다.
제품 이미지에 이상적인 이미지 크기
스토어에 제품을 홍보하기 위해 최대 200개의 제품 이미지를 추가할 수 있습니다.
지원되는 이미지 파일 형식은 JPG, JPEG 및 PNG입니다.
이상적인 제품 이미지 크기는 약 1000픽셀 x 1000픽셀입니다.
블로그 게시물 이미지에 이상적인 이미지 크기
고화질 이미지를 업로드하시는 것을 권장합니다. 지원되는 이미지 파일 형식은 JPG, JPEG, PNG, GIF입니다.
저희는 블로그 게시물 에 귀하의 원본 이미지를 보관하지 않습니다.
블로그 게시물에 적합한 이미지 크기는 1200픽셀 입니다 . 이보다 큰 이미지를 업로드하면 시스템에서 너비를 1200픽셀 로 줄여서 표시합니다.
최적의 성능을 위해 블로그 게시물 갤러리 당 허용되는 최대 이미지 수는 500개입니다.
페이지 빌더 스니펫의 이미지 크기
드래그 앤 드롭 페이지 빌더 에는 다양한 이미지 기반 콘텐츠 스니펫이 있습니다 . 이상적인 크기는 아래와 같습니다.
큰 크기의 이미지는 자동으로 다음 크기로 축소되므로 이미지를 자르지 않아도 됩니다. 지원되는 파일 형식은 JPG, JPEG 및 PNG입니다.
- 배경 이미지 차단 - 너비를 2560px로 설정하세요
- 단일 이미지 스니펫 - 너비를 2560px로 설정하세요
- 2열 이미지 스니펫 - 너비를 1200px로 설정하세요
- 3열 이미지 스니펫 - 너비를 750px로 설정하세요
- 4열 이미지 스니펫 - 너비를 500px로 설정하세요
지원되는 최대 이미지 높이는 3840픽셀입니다 . 지원되는 크기보다 큰 이미지를 업로드하면 원본 가로세로 비율을 유지하면서 자동으로 크기가 축소됩니다.
페이지 빌더 목록 항목의 이미지 크기
페이지 빌더에는 이미지를 업로드할 수 있는 이미지 목록 이나 고객 후기 목록 과 같은 동적 목록 항목이 있습니다 .
이러한 섹션에서 이미지 크기는 추가하는 열 수에 따라 달라집니다.
- 단일 이미지 목록 - 너비를 2560px로 설정하세요
- 2열 이미지 목록 - 너비를 1200px로 설정하세요
- 3열 이미지 목록 - 너비를 750px로 설정하세요
- 4열 및 더 작은 이미지 목록 - 너비를 500px로 설정하세요
지원되는 최대 이미지 파일 크기는 20MB 입니다.
클라이언트 갤러리에 이상적인 이미지 크기
클라이언트 갤러리 의 경우 , 원본 파일을 보관합니다.
기본 플랜은 3GB, 크리에이터 플랜은 5GB, 프로페셔널 플랜은 25GB, 그리고 고급 플랜은 100GB의 저장 공간을 제공하여 온라인 전송을 위한 원본 파일을 저장할 수 있습니다.
더 많은 공간이 필요하면 다음을 적용할 수 있습니다. 클라이언트-갤러리 애드온 웹사이트 계획에.
다음 중에서 선택하실 수 있습니다. 20GB부터 무제한 클라우드 저장 공간 고객님의 요구사항에 따라 원본 이미지를 제공해 드립니다.
고화질 원본 이미지(각 최대 100MB)를 업로드하시는 것을 권장합니다. 저희는 원본 파일을 전혀 수정하지 않으며, 주문이 완료되면 안전한 링크를 통해 고객에게 직접 전달됩니다. 이미지 판매 방법에 대한 자세한 내용은 여기를 참조하세요 .
귀하의 웹사이트에 원본 파일을 표시하는 데 사용할 원본 이미지를 사용하여 여러 웹 크기 버전을 만듭니다. 시스템은 또한 원본 파일에서 생성된 웹 크기 이미지에 압축 설정을 적용합니다.
최적의 성능을 위해 앨범 내 클라이언트 갤러리 당 허용되는 최대 이미지 수는 1000개입니다 . 보여줄 이미지가 더 많은 경우 여러 개의 갤러리를 만드는 것을 고려해 보세요.
클라이언트 갤러리에서 디지털 다운로드가 가능한 이미지의 경우, Pixpa는 원본 크기 이미지 다운로드 외에도 다음과 같은 세 가지 해상도 옵션을 제공합니다.
-
대형 : 2560px
-
중간 크기 : 1200픽셀
-
소형 : 600픽셀
갤러리 앱에 적합한 이미지 크기
갤러리 앱을 사용하면 고객이 자신의 모바일에 설치할 수 있는 맞춤형 모바일 갤러리 앱을 만들 수 있습니다.
모바일 갤러리의 경우 작은 이미지로도 충분하므로 권장 이미지 크기는 가로 640픽셀입니다.
Gif에 이상적인 크기
Pixpa 스튜디오에서 gif를 추가하는 경우 gif의 너비와 높이가 모두 2560px 미만이어야 합니다.
또한 GIF의 프레임 수는 60개 이하이어야 합니다.
이미지 품질 및 압축
이미지 압축은 이미지 품질과 파일 크기 사이의 적절한 균형을 찾아 웹사이트 로딩 속도에 영향을 미칩니다. 이상적인 압축률은 75%(고품질)입니다. 이 값을 변경하면 변경 후 업로드되는 이미지에 적용됩니다.
저희는 모든 웹사이트 이미지에 75%의 표준 이미지 압축률을 적용하므로 100% 품질의 JPEG 파일을 업로드하시는 것을 권장합니다. 하지만 설정 페이지 에서 이미지 압축률을 쉽게 관리할 수 있습니다 . 압축률이 높을수록 이미지 크기가 커지지만 화질이 향상됩니다. 압축률이 낮을수록 파일 크기가 작아져 사이트 로딩 속도가 빨라집니다.
이미지 색상 프로파일
추가하기 위해 웹사이트 이미지가 표준 브라우저 렌더링 색상 프로필인 sRGB 색상 프로필에 있는지 확인하고 72dpi는 거의 모든 브라우저 디스플레이에 충분합니다.
참고: 최상의 결과를 얻기 위해 이미지의 색상 프로필을 준비하는 방법 도 확인하세요.
웹 사이트 이미지의 이미지 크기 조정
포토샵 에서 이미지 크기를 조정하려면 [이미지] > [이미지 크기]로 이동하세요. 웹용으로 사용할 경우 해상도는 72dpi로 설정하고 너비는 2560픽셀로 설정하는 것이 좋습니다.
이미지 선명도
이미지 크기를 조정하면 항상 약간의 흐림 현상이 발생하므로, 크기 조정 후 언샤프 마스크 필터를 사용하는 것이 좋습니다 . 포토샵에서 언샤프 마스크 필터는 필터 > 선명도 > 언샤프 마스크로 이동하면 사용할 수 있습니다.
대량 이미지 처리
회전, 크기 조정 또는 선명하게 할 이미지가 여러 개 있는 경우 작업을 기록하고 배치 명령을 사용하여 각 이미지에 대해 이러한 단계를 반복하지 않고 전체 이미지 폴더를 처리할 수 있습니다.
또는 다음을 사용할 수도 있습니다. 타사 소프트웨어 이미지 크기를 대량으로 조정합니다.