이미지를 표시하고로드 속도를 높이는 방법

콘텐츠

지침
어떻게
필요한 것

인터넷에 이미지를 게시 할 때 웹보기에 최적화되어있어 이미지를 더 빨리로드 할 수 있어야합니다. 느린 이미지로드는 방문자를 막는 경향이 있으며 방문자가 사이트를 완전히 즐기지 못하게 할 수 있습니다. 이미지를 빠르게로드하는 가장 좋은 방법은 최대한 고정 된 크기로 가능한 한 많은 품질을 집어 넣는 것입니다. 웹보기의 경우 각 이미지의 크기를 50KB 미만으로 유지하는 것이 좋습니다.

지침

웹보기를 위해 이미지를 최적화하면 더 빨리로드 할 수 있습니다. (Ablestock.com/AbleStock.com/Getty Images)

올바른 형식을 사용하십시오. 그라디언트 이미지와 많은 색상 혼합에는 JPEG를 사용하십시오. 고 대비 모양 및 텍스트가 포함 된 이미지의 경우 GIF 또는 PNG를 사용할 수 있습니다. 대부분의 이미지 편집 소프트웨어는 교차 형식 변환을 지원합니다.
이미지 해상도를 72 dpi (dots per inch)로 변경하십시오. 대부분의 스크린과 모니터는이 해상도로 웹 페이지와 이미지를 표시합니다. 이 해상도를 사용하여 색상의 왜곡 및 문제를 줄이십시오.
이미지의 상처를 극대화하십시오. 예를 들어, 이미지의 피사체가 단색 배경에 배치되면 단색의 대부분을 잘라냅니다. 더 작은 파일 크기로 끝납니다.
이미지에 약간의 흐려짐을 적용하십시오. 반경 0.2 픽셀의 Gaussian Blur를 적용하여 시작하십시오. 1.0 픽셀의 가우시안 배경 블러는 이미지 파일 크기를 약 23 % 줄이는 데 충분해야합니다. 품질 저하를 방지하려면 이미지의 배경이나 눈에 잘 띄지 않는 부분 만 지우십시오.
선택 도구를 사용하여 이미지에서 개체를 분리하고 나머지 이미지에 더 많은 흐림 효과를 추가하십시오. 이렇게하면 이미지의 파일 크기가 크게 줄어 듭니다. 이점으로서 중요성을 강조합니다.

어떻게

HTML 마크 업에서 입력 한 각 이미지의 너비와 높이를 나타내야합니다. 이렇게하면 브라우저가 이미지의 이상적인 크기를 계산할 필요가 없습니다. 가능할 때마다 스프라이트 이미지를 사용하십시오. 작은 이미지를 큰 이미지 파일로 결합하여 웹 페이지에서 생성해야하는 HTTP 요청 수를 줄입니다. 이를 통해 이미지를 더 빠르게로드 할 수 있습니다.