Zacznij od zdekodowanego źródła, a nie od rozszerzenia pliku
Kompresja wideo może już zawierać zmiękczone krawędzie, granice bloków, dzwonienie, pasma, podpróbkowanie chrominancji i artefakty ruchu. Zapisanie zdekodowanej klatki w formacie PNG zapobiega dodatkowemu, stratnemu kodowaniu nieruchomego obrazu, ale nie pozwala na zrekonstruowanie informacji, które już nie istnieją.
JPG i stratny WebP dokonują po dekodowaniu nowego kompromisu w zakresie rozmiaru i wierności. Ich artefakty najłatwiej zauważyć w przypadku małego tekstu, krawędzi interfejsu, linii o wysokim kontraście, powtarzających się tekstur i gładkich gradientów. Scena fotograficzna z szumami często toleruje większą kompresję niż nagranie ekranowe z etykietami 12-pikselowymi.
Oceń zamierzony rozmiar wyświetlacza. Wada widoczna przy 400-procentowym powiększeniu może nie mieć znaczenia na 320-pikselowej miniaturze, natomiast lekko zamazany podpis może nie sprawdzić się przy normalnym rozmiarze, nawet jeśli plik wygląda na mały i wydajny.
Użyj formatu PNG do bezstratnego kodowania nieruchomych obrazów
PNG to dobry wybór do przechwytywania interfejsów, diagramów, napisów, grafik liniowych, płaskich grafik, archiwalnych odniesień do edycji i ramek, które zostaną poddane dalszej kompozycji. Zachowuje zdekodowane wartości pikseli poprzez bezstratną kompresję i pozwala uniknąć dodawania bloków w stylu JPEG lub artefaktów dzwonienia.
Kompromisem jest rozmiar pliku. Ramki fotograficzne zawierają teksturę i szum, których PNG nie może skompresować tak skutecznie, jak stratny format zdjęcia. Duża partia plików PNG w pełnej rozdzielczości może zająć znaczną ilość miejsca na dysku i pamięci przeglądarki, nawet jeśli każda klatka wygląda podobnie.
PNG nie jest automatycznie ostatecznym formatem dostawy najwyższej jakości. Jeśli wynikiem jest mała miniaturka internetowa, starannie zakodowany plik JPG lub WebP może wyglądać identycznie pod względem rozmiaru przeglądania, a przesyłanie jest znacznie szybsze. Zachowaj format PNG, jeśli przyszła edycja lub wyraźne syntetyczne szczegóły uzasadnią wagę.
Użyj formatu JPG, aby uzyskać szeroką kompatybilność fotograficzną
JPG jest powszechnie akceptowany przez systemy treści, narzędzia biurowe, platformy społecznościowe i edytory obrazów. Sprawdza się dobrze w przypadku nagrań z kamery, ludzi, produktów, wydarzeń i naturalnych tekstur. Ustawienie jakości VideoToImg pozwala porównać kompaktowe wydruki z widocznymi uszkodzeniami, zamiast polegać na jednej uniwersalnej liczbie.
Zacznij od jakości 88 w przypadku ramki fotograficznej, sprawdź twarze, włosy, tkaninę, tekst i granice o wysokim kontraście, a następnie obniż wartość tylko wtedy, gdy liczy się oszczędność rozmiaru. Mniejsza maksymalna szerokość może czasami zmniejszyć wagę w bardziej przewidywalny sposób niż agresywna kompresja, ponieważ usuwa piksele przed kodowaniem, zachowując jednocześnie proporcje.
Unikaj wielokrotnego edytowania i zapisywania plików JPG. Każde pokolenie stratne może dodawać artefakty. Jeśli ramka wymaga znacznego retuszu, wyeksportuj kopię roboczą w formacie PNG i utwórz ostateczny plik JPG po zakończeniu edycji.
Użyj WebP, jeśli ścieżka publikowania to obsługuje
WebP może zapewnić wydajne obrazy stratne dla nowoczesnych witryn internetowych i aplikacji, a przeglądarki często je dekodują. Jest to przydatne w galeriach, dokumentacji, podglądach produktów i innych publikacjach internetowych, gdzie liczy się zmniejszenie rozmiaru transferu.
Należy jeszcze sprawdzić kompatybilność poza przeglądarkami. Dalszy edytor, generator dokumentów, rynek, obieg poczty e-mail lub starszy system treści mogą preferować format JPG lub PNG, nawet jeśli przeglądarka może utworzyć WebP. Wybierz format, który przetrwa cały przepływ pracy, a nie tylko pierwsze pobranie.
Porównaj WebP i JPG z tej samej zdekodowanej ramki i wymiarów w pikselach. Rozmiary plików nie są porównywalne, jeśli rozmiar jednego z kandydatów został również zmieniony lub zakodowany na podstawie innego znacznika czasu.
Przeprowadź rzetelny test w trzech formatach
- Wybierz jedną reprezentatywną ramkę zawierającą zarówno łatwe, jak i trudne szczegóły: twarz lub obiekt z teksturą, mały tekst, ostrą krawędź i, jeśli to możliwe, gradient.
- Eksportuj pliki PNG, JPG i WebP w tych samych wymiarach w pikselach. Zapisz ustawienia jakości JPG i WebP.
- Wyświetl każdy obraz w zamierzonym rozmiarze, a następnie sprawdź trudne obszary w 100 procentach. Nie oceniaj tylko na podstawie powiększonego podglądu w przeglądarce.
- Porównaj wagę pliku po ocenie wizualnej. Odrzuć każdego kandydata z widocznymi uszkodzeniami tekstu, aureolami, blokowaniem, paskami kolorów lub utraconą teksturą, która ma znaczenie dla zadania.
- Otwórz zwycięzcę w następnej aplikacji w przepływie pracy. Upewnij się, że przesyłanie, edycja, oczekiwania dotyczące przejrzystości, obsługa metadanych i nazewnictwo pobierania działają zgodnie z potrzebami.
- Powtórz tę czynność z drugą klatką, jeśli wideo naprzemiennie wyświetla grafikę ekranową i materiał fotograficzny; jedno ustawienie może nie reprezentować obu typów zawartości.
Dopasuj typowe zadania do praktycznych ustawień domyślnych
Miniatura YouTube lub społecznościowa
Zacznij od JPG o wymaganych wymiarach. Zachowaj odpowiednią jakość twarzy, tekstu i kontrastu, a przed publikacją sprawdź aktualne wymagania platformy dotyczące przesyłania.
Raport o błędzie oprogramowania lub krok samouczka
Użyj formatu PNG, jeśli etykiety interfejsu i jednopikselowe obramowania muszą pozostać czytelne. Zmniejszanie skali dopiero po potwierdzeniu miejsca docelowego nadal zapewnia wyraźny tekst.
Galeria lub dokumentacja strony internetowej
Wypróbuj WebP i JPG przy ostatecznej szerokości wyświetlania, a następnie wybierz mniejszy plik, który przejdzie kontrolę zgodności wizualnej i przepływu pracy. Jeśli prawdopodobne są przyszłe zmiany, trzymaj wzorzec edycji osobno.
Zbiór danych ramowych lub inspekcja komputerowo-wizyjna
Wybierz w oparciu o rurociąg końcowy i tolerancję pomiaru. Kompresja stratna może zmienić drobne funkcje. Metoda pobierania próbek, proces etykietowania i protokół walidacji mają znaczenie co najmniej tak samo jak rozszerzenie obrazu.
Oddziel jakość źródłową i jakość wyjściową
Zmiana z JPG na PNG nie może usunąć rozmyć ani artefaktów już widocznych w zdekodowanym podglądzie. Przed dostosowaniem kodera obrazu nieruchomego wyszukaj pobliską klatkę z mniejszą ilością ruchu, użyj źródła o wyższej jakości lub wróć do oryginalnego nagrania.
Koder canvas przeglądarki tworzy wyjściowy obiekt blob, zgodnie z opisem w dokumentacji HTMLCanvasElement toBlob. Implementacje przeglądarek mogą się nieznacznie różnić, dlatego powtórz test wizualny, gdy docelowy rozmiar pliku lub zautomatyzowany przepływ pracy zależą od zachowania kodera.
Otwórz konwerter wideo na obraz, aby porównać formaty na jednej klatce, lub przeczytaj przewodnik po próbkowaniu, zanim utworzysz dużą sekwencję.