웹 친화적 인 이미지를 만드는 방법 - 더미

여러 가지 방법으로 그래픽을 생성하고 저장할 수 있지만 실제로 웹에서 사용하려는 이미지에는 몇 가지 형식 만 적합합니다. 웹 친화적 인 이미지를 만들 때 파일 형식과 크기에주의를 기울여야합니다.

종종 그래픽 파일 형식은 운영 체제 또는 소프트웨어 응용 프로그램에만 적용됩니다. 방문객의 컴퓨터와 소프트웨어가 어떤 종류의 웹 브라우저를 사용하는지는 예측할 수 없으므로 모든 브라우저에서 누구나 볼 수있는 이미지가 필요합니다. 즉, 사용자는 Microsoft Windows, Mac OS 또는 Linux의 모든 버전에서 볼 수있는 크로스 플랫폼 파일 형식을 사용해야합니다.

GIF로 저장된 이미지는 다른 파일 형식으로 저장된 이미지보다 작은 경우가 종종 있습니다 (

• Graphics Interchange Format (GIF). GIF는 최대 256 색까지만 지원하므로 수백만 가지 색상으로 만든 이미지를 GIF로 저장하려고하면 이미지 품질이 떨어집니다. GIF는 라인 아트, 클립 아트 또는 아이콘과 같이 덜 복잡한 사진이 아닌 이미지에 가장 적합한 형식입니다. JPEG 파일 형식은 24 비트 컬러 (수백만 색상)와 사진 같은 복잡한 이미지를 지원합니다. JPEG는 플랫폼 간 및 응용 프로그램 독립적입니다. 좋은 이미지 편집 도구를 사용하면 이미지의 품질과 파일 크기 간의 최적의 균형을 유지할 수 있도록 압축을 조정할 수 있습니다.

• PNG (Portable Network Graphics): PNG는 최신 크로스 플랫폼 및 응용 프로그램에 독립적 인 이미지 파일 형식입니다. 그것은 GIF와 JPEG의 최상의면을 결합하기 위해 만들어졌습니다. PNG는 GIF와 같은 압축 방식을 사용하지만 JPEG처럼 24 비트 컬러 (32 비트 컬러까지도 지원)를 지원합니다.

• 좋은 그래픽 편집 도구를 사용하면 이러한 형식으로 이미지를 저장할 수 있습니다. 한 형식에서 다른 형식으로 그래픽을 변환하여 모양과 파일 크기를 변경하는 방법을 보려면 해당 항목을 실험 ​​해보십시오. 그런 다음 최상의 결과를 낼 수있는 형식을 선택하십시오.
  이 표는 이미지 형식의 파일 형식을 선택하기위한 지침을 보여줍니다.

이미지에 적합한 파일 형식 선택

파일 형식

GIF	조심해	선 색상, 적은
선상 이미지	복잡한 이미지 또는 사진이있는 경우이 형식을 사용하지 마십시오.	JPEG 수백만 가지 색상 및 많은
세부 사항이있는 사진 또는 이미지	라인 아트에는 사용하지 마십시오. 파일 압축시 품질이 떨어집니다. PNG	수백만 가지 색상의 많은 사진 또는 이미지 세부 사항
라인 아트에는 사용하지 마십시오.	품질과 파일 크기간에 최상의 균형을 제공합니다. 다음 사이트에서는 그래픽 형식에 대한 전체 개요를 제공합니다.	W3C의 "Graphics on the Web"기사 Quackit. com의 웹 그래픽 자습서

웹 페이지의 그래픽을 만들 때 파일 품질과 파일 크기 사이의 균형을 유지하십시오. 좋아하는 검색 엔진으로 주위를 돌면 이미지 파일 크기를 줄이고 빠른 다운로드를 위해 전체 사이트를 최적화하는 데 대한 자습서를 찾을 수 있습니다. 신속하게 다운로드 할 수있는 페이지를 작성하는 데 도움이되는 팁과 요령을 보려면 웹 사이트 최적화에서

• HTML 소스 웹 사이트의

• 이미지 최적화 기사

웹 그래픽 최적화 자습서를 참조하십시오.