WordPress 웹 사이트에 사용할 이미지 파일 형식
게시 됨: 2021-08-11
WordPress 웹 사이트에 가장 적합한 이미지 파일 형식 이 무엇인지 궁금하십니까? PNG, JPG 등의 이상형은 무엇입니까? WebP와 같은 다른 형식이 있지만 종종 사용자가 사용 여부를 혼동합니다. AI, PSD 또는 INDD와 같은 고품질 사진 형식의 경우 업로드 프로세스에서 멈춥니다.
이 글은 올바른 선택을 하는 데 도움이 될 것입니다. 그러나 귀하의 사이트에 적합한 파일을 선택하는 것의 중요성을 알고 계십니까? 우리는 그것에 대한 간단한 부분도 포함할 것입니다. 관련된 요소에 대한 정보를 포함하여 기타 필요한 부분도 포함됩니다.
사진에 적합한 파일 선택의 중요성
사진에 적합한 유형을 선택하는 것이 상상 이상으로 어렵다는 것을 이해할 수 있습니다. 그러나 이는 웹사이트의 성능과 관련이 있으므로 세심한 주의가 필요합니다. 따라서 다음과 같은 매개변수 때문에 중요하게 고려할 필요가 있습니다.
속도 및 성능 – 큰 이미지를 사용하면 웹사이트가 느려지고 서버 비용이 증가합니다. 따라서 밝은 이미지를 찾으십시오.
SEO 점수 – 더 나은 SEO 점수를 위해서는 무겁거나 품질이 낮은 사진을 피하는 것이 좋습니다. SEO 준비 및 고품질 형식을 사용하십시오.
미학 – 파일의 세부 사항은 압축 후 형식에 따라 다릅니다. 모든 형식에는 특정한 용도가 있으며 그에 따라 사용해야 한다는 것을 알아야 합니다.
반응형 디자인 – 반응형 디자인 파일은 모든 브라우저에서 지원되는 파일입니다.
일관성 – 웹사이트의 주요 유형으로 한 유형을 사용하면 다양한 이미지에서 일관성을 유지하는 데 도움이 됩니다. 다른 것들은 필요할 때 사용할 수 있습니다.
이미지 파일 유형의 가용성
당신이 새로운 사람이라면 그림에 대한 형식의 큰 부분이 있다는 것을 모를 것입니다. 사실, 그것들을 모두 고려하면 수백 가지가 있습니다. 그러나 당신을 위해 일을 정렬하기 위해 우리는 WordPress 웹 사이트에 필요한 독특한 것들을 다루었습니다. 벡터 이미지와 래스터 이미지라는 두 가지 범주로 크게 분류됩니다.
일련의 픽셀이 그림을 형성하면 래스터 범주에 속합니다. 그러나 이것이 압축 시 해상도를 잃는 유일한 이유이기도 합니다. PNG, GIF 및 JPG와 같은 그림의 인기 있는 형식은 래스터의 한 형태입니다.
픽셀이 아닌 수학 공식으로 구성된 그림은 벡터 범주에 속합니다. 빈번한 크기 조정에 관해서는 유연합니다. 사실 이상적인 상태에서 이미지는 WordPress 웹사이트에서 사용하기 위해 벡터에서 래스터 형식으로 변환되어야 합니다.
그 이유는 래스터가 모든 브라우저와 라이터에서 지원되기 때문입니다. 가장 추천하는 것은 PNG와 JPG입니다. GIF는 애니메이션이 필요한 경우에만 고려됩니다. 따라서 이 세 가지 유형은 WordPress 플랫폼에서 사용하기에 가장 독특한 파일입니다. 그러나 플랫폼에서 허용되는 유형에 대한 질문은 여전히 남아 있습니다.
WordPress 웹사이트에서 허용되는 이미지 파일 형식
Codex에 따르면 WordPress에서 허용하는 기본 형식은 JPEG, JPG, PNG, GIF 및 ICO입니다. ICO는 아이콘에 사용되는 형식이며 JPEG와 JPG는 동일한 형식입니다. 일반적으로 모든 아이콘은 게시물/페이지의 사진이 아닌 사이트의 파비콘에 사용됩니다.
페이지 및 게시물의 경우 기본 업로드는 PNG 및 JPG로 제한됩니다. 다른 형식을 업로드하려는 경우 플러그인을 사용할 수 있습니다. 코딩을 시도하고 싶다면 다음 코드를 플러그인 대신 사용할 수 있습니다. wp-config.php 파일에 있어야 합니다.
정의( 'ALLOW_UNFILTERED_UPLOADS', true );
다른 방법을 사용하려면 functions.php 파일에 다음 코드를 추가하세요.
add_filter( '업로드_마임', 'my_myme_types', 1, 1 );
함수 my_myme_types( $mime_types ) {
$mime_types['svg'] = '이미지/svg+xml'; // .svg 확장자 추가
$mime_types['json'] = '애플리케이션/json'; // .json 확장자 추가
unset( $mime_types['xls'] ); // .xls 확장자 제거
unset( $mime_types['xlsx'] ); // .xlsx 확장자 제거
$mime_types를 반환합니다.
}
JSON 및 SVG 형식에 대한 지원을 추가하려면 위의 코드가 도움이 될 것입니다. 위의 코드를 쉽게 편집하고 다른 확장도 추가할 수 있습니다. 새 파일을 추가하는 데 문제가 발생하면 호스팅 제공업체에 문의해 보세요.
사용하기 가장 좋은 이미지 파일 형식
우리는 이미 WordPress에서 사용하기에 가장 좋은 세 가지 형식을 생각해 냈습니다. 더 나은 이해를 위해 이 부분에서 구체적인 세부 사항이 포함된 세 가지 모두를 다루었습니다.
JPG/JPEG
그 약어는 Joint Photography Experts Group이며 높은 압축 수준에 적합합니다. 수백만 가지 색상을 표시할 수 있으므로 사진에 가장 선호되는 형식입니다. 선명한 색상의 사진을 사용하려는 사용자는 이 기능을 사용해야 합니다.
손실 압축은 여기에서 지원됩니다. 따라서 최적화 후 이미지 품질이 약간 떨어집니다. 그러나 성능과 최상의 품질을 보장하기 위해 압축 수준을 제어할 수 있습니다. 여기서 가장 큰 단점은 투명한 배경을 지원하지 않는다는 것입니다.
PNG
이 형식은 처음에 인터넷을 통해 이미지를 전송하도록 설계되었으며 Portale Network Graphics로 축약됩니다. 수백만 가지 색상을 표시할 수 있지만 다른 선호 유형보다 상대적으로 무겁습니다. 인포그래픽, 로고, 스크린샷 및 메인 헤더와 같이 브랜드를 식별하는 요소는 PNG에 적합합니다.
무손실 압축을 지원하기 때문에 여기에서 사진을 압축하는 동안 데이터가 손실되지 않습니다. 여기에서 다른 형식의 이미지와 비교하여 압축 후 더 선명하고 또렷합니다. 가장 좋은 점은 백그라운드에서 투명도를 지원하여 다양한 세그먼트에서 유휴 선택이 가능하다는 것입니다.
GIF
글쎄, 많은 사람들이 그것에 동의하지 않지만 이것은 더 자주 사용해야하는 이미지 파일 유형입니다. 약어는 Graphics Interchange Format이며 정적 및 애니메이션 그림을 모두 지원합니다. 애플리케이션 및 소셜 미디어 핸들의 애니메이션은 대부분 GIF입니다.
다른 유형과 달리 256색만 지원합니다. 따라서 색상 그라디언트가 구체적인 많은 사진과 일러스트레이션에는 적합하지 않습니다.
파일 크기를 줄이기 위해 무손실 압축을 사용하기 때문에 시각적 품질이 손실되지 않습니다. 또한 투명한 배경을 지원하기 위해 텍스트 레이블을 지원합니다. 따라서 이러한 기능은 애니메이션 및 저해상도 비디오에 적합합니다.
위의 세 가지 중 일관성을 위해 하나를 선택하는 것은 전적으로 귀하의 필요에 따라 다릅니다. 각각은 특정 세그먼트에 적합한 고유한 정체성을 가지고 있습니다. 그리고 그 모든 정체성과 특성은 위에 언급되어 있습니다. 가장 원하는 것을 결정한 다음 선택해야 합니다.
부주의하게 사용하게 되면 올바른 이미지 파일 유형을 선택하는 것만으로는 충분하지 않다는 것을 기억하십시오. 따라서 다음 섹션에서 모범 사례를 다뤘습니다.
이미지 모범 사례
WordPress 사이트에서 아래의 방법을 따라 이미지를 최대한 활용하십시오. 우리는 이 분야에 대한 정보를 간략하게 다루었습니다.
이미지 SEO
이미지는 메시지를 전달하고 사이트를 보기 좋게 만들 수도 있습니다. 그러나 SEO 점수를 높일 수도 있습니다. 이미지 SEO를 사용하여 디지털 공간에서 더 많은 트래픽을 유도하는 것은 트렌드 관행 중 하나입니다. 예를 들어 모든 이미지의 이름을 적절하게 지정하는 것과 같이 전략적으로 수행할 수 있습니다. picture_01_26587과 같은 임의의 이름을 지정하지 마십시오.
대신 steps_for_optimization과 같은 특정 이름을 제공하십시오. 업로드 후 사진에 대체 텍스트를 추가했는지 확인하십시오. 그것의 도움으로 스크린 리더와 검색 엔진이 당신의 이미지를 쉽게 볼 수 있게 됩니다.
이미지 크기
앞서 논의한 바와 같이 크기가 웹사이트 속도에 결정적인 영향을 미칠 수 있음을 기억해야 합니다. 그러기 위해서는 최적화된 밝은 이미지를 사용하는 것이 필수적입니다. 화질도 똑같이 중요하기 때문에 압축 과정에 주의를 기울여야 합니다.
CSS 또는 HTML로 이미지의 크기를 조정하지 않는 것이 좋습니다. 정확한 픽셀이 포함된 이미지를 사용하고 그 이상도 이하도 사용하지 마십시오. 적절한 이미지 파일 형식 외에 CDN을 사용하고 좋은 호스트를 선택하고 캐싱을 구현합니다.
최대 업로드 크기
다른 옵션이 없기 때문에 특정 프로젝트에 무거운 파일을 사용해야 하는 경우가 있습니다. WordPress의 기본 업로드 크기는 2MB이며 이로 인해 문제가 발생할 수 있습니다. 그러나 좋은 점은 이 제한을 빠르게 수정할 수 있다는 것입니다.
호스팅 제공업체에 따라 기본 업로드 크기를 편집하기 위한 기본 제공 설정이 제공될 수 있습니다. 이는 호스팅 플랫폼에 따라 다르며 동일한 구현 방법도 다릅니다. 다른 플랫폼에서는 직접 수행할 수 있는 일부 플랫폼에서는 연락 팀에 연락해야 합니다.
구글 애널리틱스
최고의 사용자 경험을 제공하는 Google Analytics는 유기적 트래픽의 흐름을 증가시키는 궁극적인 목표입니다. 이를 위해서는 방문자가 사용하는 장치를 아는 것이 중요합니다. 이는 대상 고객에게 적합한 파일 형식을 선택하는 데 도움이 됩니다.
이 정보 및 이와 유사한 기타 통계는 Google Analytics에서 얻을 수 있습니다. 이것은 한 가지뿐만 아니라 사이트의 전반적인 성능에 기여하는 데 도움이 됩니다.
결론
사용자 경험, 속도, 일관성 등과 같은 측면에서 올바른 유형을 선택하는 것이 중요합니다. 가장 중요한 것은 웹사이트의 SEO에 중요합니다. 좋은 이미지 전략은 훌륭한 브랜드 이미지를 개발하는 데 도움이 됩니다. 따라서 무인 상태로 두지 않도록 하십시오.
선택한 제품과 함께 품질, 크기 및 성능이 완벽하게 균형을 이루는지 확인하십시오.