webdesign-웹에 가장 적합한 jpg 또는 png

webdesign-웹에 가장 적합한 jpg 또는 png

---

나는 꽤 오랫동안 웹 개발자였으며, 웹 페이지를 만들기 위해 모든 디자인을 png 파일 형식으로 변환하는 데 익숙합니다. jpg와 달리 png가 이미지의 투명성을 허용한다는 사실에도 불구하고 더 나은 솔루션입니까?

질문은 페이지 로딩 시간과 최상의 웹 디자인 관행, 파일 크기 대 이미지 품질에 관한 것입니다.

사용하기에 가장 좋은 솔루션은 무엇이라고 생각하십니까?

---

때에 따라 다르지.

PNG는 색상 수가 적은 선명한 이미지에 더 적합합니다.

JPG는 낮은 대역폭 이미지에 더 적합하지만 선명하지 않아 GUI에 적합하지 않습니다.

일반적으로 JPG는 사진 및 그림 용이고 PNG (또는 GIF)는 레이아웃 용입니다.

당신은 찾을 수 이 페이지 는 GIF 대 PNG의 기초 넘어로 흥미를.

---

구글은 그것에 대해 아주 잘 썼습니다. 에서 오른쪽 이미지 포맷을 선택하면 , 당신은 결정을 내릴 수있는 흐름도를 찾을 수 있습니다 :

---

평균적인 네트워크 연결의 속도가 계속 증가하는 것을 감안할 때 페이지 로딩 시간이 더 이상 걱정거리라고 생각하지 않는 경향이 있습니다. 당신이 가지고있는 자원으로 무엇을 달성하려고하는지 생각하는 것이 훨씬 더 유용합니다. 예를 들어 대역폭이 제한되어 있습니까? 그런 다음 더 무거운 압축을 향한 경향이 있습니다. 사이트의 그래픽 콘텐츠가 확장되어 시간이 지남에 따라 서버 공간 비용이 증가 할 것입니까? 그런 다음 더 무거운 압축을 사용하면 비용이 지연됩니다. 아트 포트폴리오 사이트입니까? 그럼-아하! -샘플러 작업의 압축 인공물이 실제로 바람직 할 수 있습니다! 게임을 망치려고하십니까? 그렇다면 스크린 샷은 아마도 매우 선명해야합니다.

일반적으로 나는 약간 다른 언어로도 말한 내용을 반복 합니다. 컴퓨터에서 생성되는 경향이 있고 페이지 간 재사용을 위해 캐시되는 사이트 가구의 경우 png를 선호하는 경향이 있습니다. 페이지별로 다르고 손실 압축을 감추기에 충분히 크고 복잡한 사이트 콘텐츠의 경우 jpg가 사용되는 경향이 있습니다.

적절하다고 판단되는 png로 전환하는 것과 관련하여 당연히 PNGCrush를 통해 모든 것을 실행하십시오. 그렇지 않으면 모든 브라우저에서 기대하는 색상으로 표시되지 않고 디자인의 전반적인 품질이 저하됩니다. .

---

"평균 인터넷 연결 속도가 계속 증가하는 것을 감안할 때 페이지 로딩 시간이 더 이상 문제가되지 않는다고 생각하지 않습니다."

웹 사이트 SEO 최적화에 따르면 Google은 페이지로드 시간이 2 초 이상이면 웹 사이트 순위를 더 낮게 지정하므로 특히 그래픽이 많은 새로운 웹 사이트 디자인에서 압축이 필요합니다.

---

jpg는 일반적으로 미묘하게 다른 색상이 많은 사진 이미지에 선호됩니다. png는 컴퓨터 생성 그래픽에서 잘 작동합니다.

그것이 제 경험의 법칙입니다.

---

저는 스타터이고 주로 이미지가 너무 크면 배경 이미지가 아닌 이상 작게 만듭니다. 레이아웃의 경우 사진으로 PNG와 JPG를 선택합니다.

참고 URL : https://stackoverflow.com/questions/1698330/webdesign-jpg-or-png-which-one-is-the-best-for-web