Photoshop : 웹용 PNG 크기를 줄이는 방법

2042 x 1250이고 6.1MB 인 PNG 파일이 있습니다. Photoshop으로 열고 "다른 이름으로 저장> PNG 24" 를 수행하고 두 옵션의 압축 파일 크기를 선택하면 (다른 하나는 압축되지 않음) 몇 MB 정도의 이미지가 계속 표시됩니다. 웹 자산이 될 것입니다. MB가 아닌 KB에 있고 싶습니다. 이 이미지를 수천 KB의 야구장으로 지능적으로 압축하려면 어떻게해야합니까?

괴짜 세부 사항 (요청하지 않은)

JPG와 같은 일부 이미지 형식은 Lossy Compression을 지원 합니다. 손실 압축 이미지를 저장 한 다음 다시 렌더링하면 이미지는 디자인 한대로 정확히 100 %가 아니라 스케치와 비슷한 "닫기"입니다. 원래 세부 사항 중 일부가 손실되었습니다 . 정확성을 기대할 수 없기 때문에 Lossy Compressed 이미지는 원본 디자인에 대한 정보를 거의 저장하지 않아 파일 크기가 작습니다. 또한 결과의 정확도를 지정할 수 있습니다. 결과의 정확도가 낮을수록 파일 크기는 작아집니다.

반면, PNG 형식은 의도적으로 무손실 압축을 지원합니다 . 즉, 이미지를 파일에 저장 한 후 다시 렌더링하면 모든 픽셀이 디테일 을 잃지 않고 디자인 한대로 정확하게 렌더링됩니다 . 이것은 훌륭하지만 불행히도 이미지를 완벽하게 렌더링하기 위해 많은 정보를 저장해야하므로 큰 파일이 생성됩니다.

PNG는 정보를 파일로 저장하기 전에 필요한 정보를 최적화하기위한 지능적인 작업을 수행하지만 JPG와 마찬가지로 파일을 압축하거나 정확하게 지정할 수는 없습니다. 결과는 그대로이며 파일 크기를 제어 할 수 없습니다.

몇 가지 제안

더 작은 파일을 얻기 위해 시도 할 수있는 작업이 몇 가지 있습니다.

• 평평한 색상의 넓은 영역은 복잡한 패턴 영역보다 더 잘 압축됩니다. 이미지를 단순화 할 수 있는지 확인하십시오.
• 이미지 주위에 많은 음의 공간이 있습니까? 최소한으로 자르십시오.
• 투명도를 사용하고 있습니까? 그렇지 않은 경우 이미지를 JPG로 저장해보십시오.
• 어떤 이유로 든 JPG로 저장할 수 없지만 투명도를 사용하지 않는 경우 저장 옵션에서 "투명도"를 선택 해제하십시오. 이것은 최종 결과에서 약간의 물기를 면도합니다.
• 이미지를 부분적으로 자르고 일종의 퍼즐처럼 최종 HTML로 작성하는 것을 고려하십시오. 투명도가 필요한 부분은 PNG로, 다른 부분은 압축률이 높은 JPG로 저장할 수 있습니다. 총 결과는 덜 무겁습니다.
• PNG 압축 도구를 사용하십시오 (예 : https://tinypng.com/ ). 이 도구는 손실 알고리즘을 사용합니다. 그들은 작은 파일로 이미지를 저장할 수 있도록 이미지를 단순화하려고 시도합니다. 파일 크기를 크게 줄이지 만 최종 결과가 너무 세밀해질 수 있습니다. 당신은 항상 그들을 시도하고 응용 프로그램에 따라 결과를 판단 할 수 있습니다.

당신이 당신의 이미지를 공유한다면, 나는 당신에게 몇 가지 제안을 줄 수 있습니다.

이미지에 Posterize 조정 레이어를 추가하고 색상 수를 줄이십시오. 이 방법을 통해 여전히 고품질을 유지하고 파일 크기를 줄일 수 있습니다.

6.1MB PNG는 KB 범위에서 멀리 떨어져 있으므로 Cokypup의 제안이 가장 좋습니다.

다른 PNG를 만드는 경우 웹용으로 저장하여 저장하는 가장 좋은 방법은 "다른 이름으로 저장"이 아니라 "웹용으로 저장"을 사용하여 Photoshop에 저장하는 것입니다. Photoshop의 "웹용으로 저장"은 파일 크기를 크게 줄이는 최적화를 수행합니다.

그런 다음 Tiny PNG
Tiny PNG 와 같은 PNG에 압축 도구를 사용하여 JPG를 저장할 때와 마찬가지로 손실 압축을 사용합니다. 파일 크기를 크게 줄이고 사이트의 예제를 통해 알 수 있듯이 압축 손실이 거의 눈에 띄지 않습니다.

말할 필요도 없지만 많은 사람들이 웹 자산에 대해 해상도를 72 픽셀 / 인치로 설정하는 것을 잊었습니다.

이미지> 이미지 크기> 해상도를 72ppi로 설정하십시오.