Konwertuj nieprzezroczysty PNG na WebP i porównaj wynik

Fotograficzny PNG może być wart przetestowania jako WebP dla strony internetowej. Może to być obraz z kamery wyeksportowany z narzędzia do projektowania, renderowanej sceny pokoju lub spłaszczonej grafiki promocyjnej. Zrób oddzielny eksport i porównaj go z oryginałem, zamiast natychmiast usuwać PNG. Rozmiar pliku zależy od obrazu, więc użytecznym zapisem jest ten, który faktycznie mierzysz.

Przejrzystość wymaga tutaj szczególnej ostrożności. Chociaż format WebP może przechowywać alfa, to narzędzie obecnie renderuje dane wyjściowe WebP na białym tle. Przezroczyste dane wejściowe straci zatem ten przejrzysty obszar w eksporcie. Zachowaj PNG dla logo, wycięć i nakładek, które muszą siedzieć w różnych tłach, i użyj tej konwersji do obrazów, w których nieprzejrzysty wynik jest odpowiedni.

Preset utrzymuje wymiary i zaczyna się od jakości 90% z wyłączonym ostrzeniem. Wypróbuj jeden plik z małym tekstem i drugi z fotograficznym tłem. Sprawdź cienkie obramowania, kolorowe litery i gładkie gradienty. Projekt może wyglądać dobrze na pierwszy rzut oka, pokazując kolorowe aureole obok etykiety, gdy jest wyświetlana w zamierzonym rozmiarze.

Jeśli PNG jest zrzutem ekranu interfejsu, czytelność może mieć większe znaczenie niż skrócenie kilku bajtów. Porównaj eksport PNG Lub zachowaj źródło, gdy WebP złagodzi krytyczne szczegóły. Aby uzyskać duże nieprzezroczyste zdjęcie, przetestuj dopasuj do rzeczywistych granic wyświetlacza, zanim jeszcze bardziej obniżysz jakość. Zmniejsz niepotrzebne piksele najpierw, gdy witryna nigdy ich nie pokazuje, ale zachowaj wystarczającą rozdzielczość do zamierzonego miejsca docelowego.

Suwak jakości WebP steruje stratnym kodowaniem tego eksportu. Wyższe ustawienie nie przywraca szczegółów, których brakowało w źródle, a ta sama liczba nie oznacza tego samego wyniku wizualnego w różnych formatach. Użyj go jako narzędzia porównawczego: dostosuj trochę, sprawdź wynik i zachowaj najmniejszą wersję, która spełnia Twoje własne potrzeby jakościowe.

PNG nie używa tej kontroli jakości w ten sam sposób, więc zmiana rozszerzenia jest prawdziwym wyborem przepływu pracy. Jeśli Twój PNG zawiera małe etykiety diagramów lub precyzyjne granice kolorów, utrzymanie PNG może być właściwą decyzją, nawet jeśli plik jest większy. Ten konwerter nie zmniejsza palety kolorów PNG, nie tworzy bezstratnego ustawienia WebP ani edytuje obiektów i warstw w spłaszczonej grafice.

Pobierz przekonwertowany obraz i prześlij go na stronę testową w rzeczywistym systemie witryny. Potwierdź, że przeglądarka odbiera WebP, wyświetlone przycięcie jest poprawne i żadne przezroczyste krawędzie nieoczekiwanie stały się białe. Zobacz go na tle strony, zwłaszcza jeśli źródło zostało zaprojektowane dla ciemnej sekcji. Konwersja powinna być sprawdzana w kontekście, nie tylko w podglądzie pliku.

Następnie przejrzyj wyświetlacz mobilny. Duża grafika marketingowa może wymagać prostszego układu zamiast bardziej skompresowanej kopii, gdy jego napis stanie się nieczytelny w telefonie. Responsywny wybór obrazów i zarezerwowane wymiary pozostają oddzielnymi zadaniami strony internetowej. Gdy próbka jest dźwiękowa, przetwórz dopasowywanie plików razem. Twoje dane obrazu pozostają w przeglądarce podczas tej konwersji, a źródło PNG pozostaje niezmienione.

Na przykład przetestuj biały znak słowny na przezroczystych pikselach przed konwersją jakichkolwiek zasobów marki. Białe, nieprzezroczyste wyjście może całkowicie ukryć znak, co mogłoby pominąć samo porównanie wielkości pliku.