Photoshop: jak zmniejszyć rozmiar pliku PNG do użytku w sieci


10

Mam plik PNG o wymiarach 2042 x 1250 i 6,1 MB. Kiedy otwieram w Photoshopie i robię „Zapisz jako> PNG 24” i wybieram rozmiar dwóch skompresowanych plików (druga nie ma kompresji), nadal otrzymuję obraz rzędu kilku MB, który, ponieważ będzie zasobem internetowym, chciałbym być w KB, a nie MB. Jak mam inteligentnie kompresować ten obraz do zakresu kilku tysięcy KB?


1
Zamiast tego użyj file -> save for web i wybierz png 24 z listy formatów plików (JPG jest zwykle domyślny).
AndrewH

Co sprawia, że ​​myślisz, że plik można skompresować dowolnie? Możesz przełączyć na JPEG i majstrować przy ustawieniach Niższej jakości.
usr2564301

Odpowiedzi:


13

Geeky szczegóły (o które nie prosiłeś)

Niektóre formaty obrazów, takie jak JPG, obsługują kompresję stratną . Kiedy zapisany i skompresowany obraz stratnej kompresji jest zapisywany, obraz nie jest w 100% dokładnie taki, jak go zaprojektowałeś, ale jest po prostu „blisko”, coś w rodzaju szkicu. Niektóre oryginalne szczegóły zostały utracone . Ponieważ nie oczekuje się dokładności, obrazy z kompresją stratną mają luksus przechowywania niewielkich informacji o oryginalnym projekcie, co skutkuje małymi plikami. Pozwalają nawet określić, jak dokładny powinien być wynik: im mniej dokładny musi być wynik, tym mniejszy jest plik.

Z drugiej strony format PNG z założenia obsługuje kompresję bezstratną . Oznacza to, że po zapisaniu obrazu w pliku, po jego renderowaniu wszystkie piksele są renderowane dokładnie tak, jak je zaprojektowałeś, bez utraty szczegółów. To świetnie, ale niestety oznacza to, że musi przechowywać wiele informacji, aby idealnie renderować obraz, co prowadzi do dużych plików.

PNG robi wszystko, by zoptymalizować potrzebne informacje przed zapisaniem go w pliku, ale nie można określić, tak jak w przypadku plików JPG, jak skompresowany lub dokładny ma być plik. Rezultat jest taki, jaki jest i nie masz kontroli nad tym, jak duży będzie plik.

Jakieś sugestie

Powiedziawszy to, jest kilka rzeczy, które możesz zrobić, aby spróbować uzyskać mniejszy plik.

  • Duże obszary płaskich kolorów lepiej się kompresują niż złożone obszary wzorzyste. Sprawdź, czy możesz uprościć swój obraz.
  • Czy wokół obrazu jest dużo negatywnej przestrzeni? Spróbuj przyciąć go do minimum.
  • Czy używasz przezroczystości? Jeśli nie, rozważ zapisanie obrazu jako JPG.
  • Jeśli nie możesz zapisać go jako JPG z jakiegokolwiek powodu, ale nie używasz przezroczystości, odznacz „przezroczystość” w opcjach zapisywania. To ogoli trochę ugryzień z twojego końcowego wyniku.
  • Zastanów się nad pocięciem obrazu na części i skomponowaniem go w końcowym pliku HTML, podobnie jak puzzle. Możesz zapisać części wymagające przezroczystości jako pliki PNG, a inne części jako pliki JPG o wysokim stopniu kompresji. Całkowity wynik powinien być mniejszy.
  • Użyj narzędzia do kompresji PNG (np. Https://tinypng.com/ ). Pamiętaj, że te narzędzia używają algorytmu stratnego. Próbują uprościć twój obraz, aby móc zapisać go jako mniejszy plik. Znacząco zmniejszają rozmiar pliku, ale wynik końcowy może stracić zbyt wiele szczegółów. Zawsze możesz je wypróbować i ocenić wynik w zależności od zastosowania.

Jeśli podzielisz się swoim wizerunkiem, mogę dać ci kilka sugestii.


TinyPNG konwertuje do 8-bitowego PNG, który wygląda jak GIF.
Hannes Schneidermayer

@Heanz. Prawdziwe. Konwertuje na 8-bit. Ale to nie jest GIF. Obsługuje przezroczystość alfa. Z mojego doświadczenia nigdy nie zauważyłem różnicy między w pełni wydanym PNG a tym, który produkują.
cockipup

@ kokcypup Dla logo, które mogą być prawdziwe, ale dla ludzkiej twarzy, nie ma mowy.
Hannes Schneidermayer

@Heanz Nigdy nie używałem ludzkich twarzy, ale używam go regularnie do kosmetycznych zdjęć na opakowaniach. Nie potrafię w nich odróżnić. Mimo to mój komentarz na temat alfa jest poprawny. Format GIF nie obsługuje przezroczystości alfa.
cockipup

2

Spróbuj dodać warstwę dopasowania Posteryzuj do obrazu i zmniejsz liczbę kolorów. Uważam, że nadal możesz zachować wysoką jakość i zmniejszyć rozmiar pliku za pomocą tej metody.


Działa jak marzenie!
Christian Strang

0

6,1 MB PNG jest dalekie od zakresu KB, więc sugestie Cokypup byłyby najlepsze.

W przypadku innych plików PNG, które możesz utworzyć, najlepszym sposobem na ich zapisanie do wykorzystania w Internecie jest zapisanie ich w Photoshopie za pomocą „Zapisz dla Internetu” zamiast „Zapisz jako”. „Zapisz dla Internetu” w Photoshopie dokonuje optymalizacji, która radykalnie zmniejszy rozmiar pliku.

Następnie śledziłbym to za pomocą narzędzia do kompresji plików PNG, takich jak Tiny PNG.
Tiny PNG używa kompresji stratnej, tak jak w przypadku zapisywania JPG. Znacząco zmniejsza rozmiar pliku, a jak widać na przykładzie na stronie, kompresja stratna, którą wykonuje, jest ledwo zauważalna.


Ledwo zauważalne zależy w dużej mierze od obrazu, który karmisz za pomocą algorytmu, który znalazłem, używaj ostrożnie i nigdy nie zastępuj oryginalnego pliku.
PieBie

Konwersja do wersji 8-bitowej i wygląda jak GIF na kolorowych zdjęciach.
Hannes Schneidermayer

-1

zapewne jest oczywiste, ale wiele osób zapomina ustawić rozdzielczość na 72 piksele / cal dla zasobów internetowych.

Obraz> Rozmiar obrazu> ustaw rozdzielczość na 72 ppi.


który nie ma wpływu na obrazy używane w Internecie, tylko rozmiar w pikselach
Luciano
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.