웹용 PNG 파일 크기를 줄이는 방법은 무엇입니까?

투명한 배경을 가진 PNG-24 파일이 있으며 현재 크기는 1.5MB입니다. 크기를 줄이거 나 PNG-8 파일 형식을 사용하고 동일한 품질을 유지하는 방법은 무엇입니까?

여기에서 PNG 파일 : http://www19.zippyshare.com/v/69590430/file.html

예제 이미지 업로드 모든 제안을 시도했지만 좋은 결과가 없습니다.

감사

PNG는 무손실 압축 형식입니다. 파일의 소스 자료를 변경하지 않고도 기본 최고 압축 수준 이상으로 압축을 높이는 방법은 거의 없습니다. 크기를 줄이는 유일한 방법은 PNG 압축의 복잡성을 줄이기 위해 해상도를 낮추거나 색상 수를 변경하여 이미지를 변경하는 것입니다.

높은 수준의 압축을 원하고 무손실 데이터 저장에 신경 쓰지 않으려면 JPEG를 사용하십시오.

폭동 그렇게 할 수 있고 훨씬 더.

Radical Image Optimization Tool (약식 RIOT)은 최소 파일 크기를 유지하면서 압축 매개 변수를 시각적으로 조정할 수있는 무료 이미지 최적화 프로그램입니다.

이를 통해 실시간으로 최적화 된 이미지와 원본을 비교하고 결과 파일 크기를 즉시 볼 수있는 나란히보기 (듀얼보기) 또는 단일보기 인터페이스를 사용합니다.

이미지 최적화 도구는 가볍고 빠르며 사용하기 쉽지만 고급 사용자에게는 강력합니다. 압축, 색상 수, 메타 데이터 설정 등을 제어하고 출력 파일에 대한 이미지 형식 (JPEG, GIF 또는 PNG)을 선택할 수 있습니다.

또 다른 가능성은 설명 된대로 pngquant, pngout 및 pngcrush의 조합을 사용하는 것입니다. 이리 ,하지만 이것은 명령 행에서 나온 것입니다.

다음은 png24 이미지를 ie6 용으로 png8로 변환하는 방법입니다. 오픈 소스 도구 (pngquant + pngout + pngcrush)를 사용하여 명령 줄을 통해 모두 가능합니다.

1 - 이미지를 256으로 퀀 타이즈합니다 (기본적으로 png8은 대형 스프라이트 또는 스프라이트와 함께 넓은 색상 범위를가집니다).

pngquant 256 some_24_bit.png

2- 이미지를 PNG 24에서 PNG 8로 변환

pngout -c3 -d8 -y -force some_24_bit.png some_8_bit.png

3- 압축 이미지

pngcrush some_8_bit.png -bit_depth 8 -brute -rem alla -reduce some_8_bit_small.png

시험 TinyPNG

그들의 웹 사이트에서 :

어떻게 작동합니까?

PNG (Portable Network Graphics) 파일을 업로드하면 이미지의 유사한 색상이 결합됩니다. 이 기술을 "양자화"라고합니다. 색상 수를 줄이면 24 비트 PNG 파일을 훨씬 더 작은 8 비트 색인 색상 이미지로 변환 할 수 있습니다. 모든 불필요한 메타 데이터도 제거됩니다. 그 결과 : 투명성을 100 % 지원하는 작은 PNG 파일.

두 가지 옵션이 있습니다.

• 이미지를 웹 사이트로 드래그 앤 드롭하면 자동으로 처리됩니다. 무료 서비스. (이미지 최대 20 매, 최대 5MB)
• 포토샵 플러그인. 이것은 $ 비용.

나는 PS 플러그인을 시도하지 않았으므로 그것이 얼마나 잘 작동하는지에 대해 언급 할 수 없다.

커맨드 라인에 신경 쓰지 않는다면 OptiPNG , 그것은 당신이 쫓고있는 것일지도 모릅니다.

OptiPNG는 정보를 잃지 않고 이미지 파일을 더 작은 크기로 재 압축하는 PNG 옵티 마이저입니다. 이 프로그램은 또한 외부 형식 (BMP, GIF, PNM 및 TIFF)을 최적화 된 PNG로 변환하고 PNG 무결성 검사 및 수정을 수행합니다.

조합의 사용 pngout 과 deflopt. pngout PNG 색상이 PNG-8에 맞는지 자동으로 결정하여 사용합니다. deflopt 이미 최적화 된 이미지에서 여분의 바이트를 압축합니다. 압축 된 데이터와 함께 작동하는 유틸리티이며 PNG가 그 중 하나입니다.

알파 채널로 PNG를 처리하기위한 좋은 아이디어 웹 사이트 개발의 맥락에서 서버에서 알파 채널과 이미지 데이터를 동적으로 분리하고 두 가지를 따로 따로 최적화 한 다음 브라우저에서 일부 JavaScript와 캔버스 요소를 사용하여 이미지 데이터를 재결합합니다. 따 - ​​다! 모든 최신 브라우저에서 작동합니다.

그것이 어떻게 완료되었는지 설명합니다 :

http://headers-already-sent.com/artikel/shrinkimage-1/

또한 PHP 스크립트와 jQuery 플러그인으로 완벽한 ZIP 패키지를 찾을 수 있습니다. 이 점에 대해 어떻게 생각하는지 알려주십시오.

이미지를 축소해야하고 모든 쉬운 제안이 작동하지 않으면 최종 결과는 이미지를 압축 가능한 부분으로 나눠 스크립트로 클라이언트에서 다시 결합하는 것입니다.

질문의 이미지는 수직선이있는 색상 그라디언트와 일부 얼룩 / 노이즈처럼 보입니다. 다음 계층으로 나누십시오.

1. 선이나 노이즈가없는 색상 그라디언트. 이것은 PNG에서 잘 압축되고 JPEG에서는 매우 잘 압축됩니다. 더 나은 점은 자바 스크립트를 사용하여 클라이언트에서 색상 그라디언트를 생성하는 것입니다. 당신은 아마도 JS의 200 바이트 미만에서 그것을 할 수 있습니다.
2. 색깔이나 잡음이없는 수직선. 이것을 4 비트 단일 채널 (알파 또는 그레이)로 압축 할 수 있습니다. 스트레칭을 할 수있는 1 픽셀의 큰 이미지 만 필요합니다. 그것은 PNG에서 아주 잘 압축 될 것입니다.
3. 소음. 다시 말하면, 하나의 4 비트 채널 (알파 또는 그레이) 만 있으면됩니다. 색상이나 선이 없으면 PNG 또는 JPEG로 압축해야합니다.

자바 스크립트로 레이어를 하나의 이미지로 결합하면 전체 "이미지"가 15KB 이하가 될 수 있습니다.

이러한 종류의 작업은 수십 년 동안 게임 산업 표준이었고 여전히 그렇습니다. 가장 좋은 점은 Photoshop이 전문가처럼 이미지를 만든 경우 이미 모든 레이어가 분리되어 있다는 것입니다.

표준 PNG 파일은 이미 사용할 수있는 압축 이미지 형식이기 때문에 웹 사이트의 이미지, 특히 디자인 용도로 PNG 파일을 많이 사용하는 이유는 무엇입니까?

그러나 PNG 파일을 더 압축 할 수있는 방법은 여전히 ​​있습니다. 이미지에 사용 된 색상 수를 줄임으로써 이렇게하면 파일 크기가 70 % 이상으로 줄어들 수 있습니다.

내가 찾은 가장 높은 전체 압축률을 가진 최고의 자동화 된 자유 소프트웨어가 있습니다. FileOptimizer 여러 개의 엔진 (예 : PngOptimizer, PNGOUT, pngwolf 등)을 사용하여 가능한 가장 작은 크기로 이미지를 압축합니다.

좋은 결과를 얻은 다른 온라인 도구는 다음과 같습니다. http://www.giftofspeed.com/png-compressor/

소개하겠습니다. FileOptimizer . 이미지 최적화를위한 다양한 방법을 결합합니다 (여분의 바이트를 절약하기위한 EXIF ​​제거 포함 - 끄기 가능).

시험 결과 다른 솔루션과의 비교

ScriptPNG http://css-ig.net/scriptpng

그것은 당신에게 손실을 포함한 약 10 가지 옵션을 제공합니다! 내가 무리를 시도 하고이 Windows 배치 파일 (.exes의 무리와 함께) 대단해

나는 개인적으로 그것을 8bit lossy로 압축하기 위해 사용한다. 어떻게 작동하는지 모르지만 내 스크린 샷은 똑같아 보입니다. 스크린 샷을 압축하는 데 사용합니다. 나는 약 2GB의 PNG를 가지고 있었는데, 지금은 단지 700MB 밖에 없다.