다소 제한이없는 질문 일 수도 있습니다.이미지 크기 가이드 라인
내가 현재 작업하고있는 사이트는 성능을 최적화해야합니다. 주요 영역 중 하나는 사이트에서 사용되는 이미지의 파일 크기를 최적화하는 것입니다.
불행히도 이러한 이미지는 웹용 이미지를 만드는 데 필요한 지식이없는 직원이 만들었으며 사용하는 일련의 지침을 만드는 것이 나의 임무입니다.
다른 차원의 이미지에 대한 일반적인 이미지 파일 크기에 관한 리소스/가이드 라인/문학이 있는지 궁금합니다. 이미지를 제대로 만들 수 있도록하기 위해 이러한 내용을 포함하고 싶습니다.
모든 정보는 크게 감사하겠습니다. 사전
에서
덕분에 나는 의견의 질문에 대답 할 수없는,하지만 난 당신의 이미지가 작게 유지하는 몇 가지 지침을 제안 할 수 있습니다.
첫 번째로 Photoshop을 사용하여 이미지를 편집하는 경우 헤더 (디지털 패스트 레일, EXIF 데이터 등)에 전체 헛소리를 저장하고있는 것 같습니다. 또한 사람들은 종종 너무 높은 비트 심도로 저장합니다.
초보 사용자의 경우 "웹용으로 저장"을 사용해야하는 이유를 설명하면 혼동을 줄 수 있습니다. 대신에, 단지 그들을 가리켜 :
http://www.smushit.com/ysmush.it/
이 사이트는 오히려 편리합니다 - 당신이 지정한 페이지의 모든 이미지를 압축 할 것이다, 또는 당신은 이미지를 업로드 할 수 있습니다.
이미지 저장 위치에 대한 가이드 라인을 작성하는 것이 좋습니다. 정적 콘텐츠를 여러 서버에 저장하는 것이 동적 콘텐츠를 제외하고는 매우 유용합니다. 대부분의 브라우저는 지정된 웹 사이트에서 한 번에 제한된 수의 파일 만 다운로드합니다 (일반적으로 2 개).
좋은 이유가없는 한 모든 이미지는 HTTP 캐시 기술 (만료, etags 등) 중 하나를 사용하여 캐시되어야합니다.
행운을 빈다.
해상도가 72dpi이고 jpeg 또는 png 형식이 가장 효과적입니다.
정확한 픽셀 영역 크기로 이미지를 사용하여 이미지가 표시되도록합니다. 이것은 images height 및 width 속성에 의해 지정됩니다.
화질과의 균형을 유지하면서도 파일 크기를 절약 할 수있는 jpeg 이미지의 출력 품질을 설정할 수 있습니다.
희망 사항입니다.
GIF 또는 JPG로 그라디언트를 적용해야하는지에 관해서는 매우 유익합니다. 관심이 있으십니까? 전통적으로 저는 JPG를 선택할 것입니다 – user502014
일반적으로 로고와 같은 색상 변화가 가장 적은 이미지는 gif 또는 png이어야하며 사진 이미지와 grads가있는 이미지는 jpg로 가장 좋습니다 – user466764