Mały warsztat dla obrazów kierowanych do Internetu

Monitor stacjonarny wyświetlający fotografię w edytorze obrazów

Acerca de esta selección

Skoncentrowany zestaw narzędzi do edycji obrazu źródłowego, porównywania kompresji, czyszczenia SVG i sprawdzania małej animacji.

Przygotowanie obrazu to zazwyczaj ciąg decyzji: co zachować, jak duży powinien być, jaki format pasuje i jaką jakość zamienić na rozmiar. Narzędzia te pełnią oddzielne role, więc wybierz to, które pasuje do pliku przed tobą. Zachowaj nienaruszony oryginał i oceń wyeksportowany wynik w rozmiarze, który faktycznie zobaczą ludzie.

Spróbuj najpierw tego

Zacznij od jednego obrazu i określ jego zamierzone wymiary wyświetlania. Najpierw przytnij lub edytuj, a następnie porównaj ustawienia kompresji. Jeśli jest to SVG, sprawdź zoptymalizowany kształt; jeśli jest animowany, sprawdź czas i przezroczystość, a także rozmiar. Otwórz wyeksportowany plik przed zastąpieniem oryginału na stronie.

Pamiętaj

Narzędzia różnią się przetwarzaniem lokalnym, przesyłaniem, obsługą formatów i ograniczeniami. Przed użyciem wrażliwych plików, szczególnie w przypadku konwerterów online, sprawdź bieżącą obsługę. Zmniejszenie wymiarów lub złożoności animacji może mieć większe znaczenie niż kolejna runda kompresji.

4 enlaces/En el orden elegido por el curador

Enlace 1inglés

Squaosh

Porównaj ustawienia kompresji z widocznym widokiem przed i po. Przed wybraniem mniejszego pliku sprawdź drobny tekst i krawędzie przy zamierzonym rozmiarze wyświetlacza.

squoosh.app

Enlace 2inglés

SVGOMG

Sprawdź wpływ opcji optymalizacji SVG. Zachowaj źródło i sprawdź, czy kształty, przycięcia i inne widoczne szczegóły przetrwają zmiany.

jakearchibald.github.io

Enlace 3–

Fotopea

Edytuj i przycinaj obrazy w edytorze opartym na przeglądarce. Zamiast zakładać, że dokument roboczy jest gotowy do publikacji, sprawdź wyeksportowane wymiary i format pliku.

photopea.com

Enlace 4inglés

Ezgif

Zmieniaj rozmiar, konwertuj i optymalizuj animowane obrazy za pomocą odpowiedniego narzędzia. Sprawdź obsługę przesyłania i sprawdź pełną animację po wyeksportowaniu.