Przejdź do treści

Które platformy akceptują format WebP?

Czy Shopify obsługuje WebP? Czy Etsy akceptuje AVIF? Przewodnik po tym, co przyjmuje każda platforma i co po cichu ponownie koduje.

Nowoczesne platformy handlowe akceptują WebP i coraz częściej AVIF, przepływy pracy związane z drukiem i prawne nie akceptują żadnego z nich, a klienci pocztowi plasują się niezręcznie pośrodku. JPEG i PNG pozostają jedynymi dwoma formatami akceptowanymi wszędzie bez żadnych zastrzeżeń.

Akceptowanie formatu a jego zachowanie to dwie różne rzeczy. Kilka platform przyjmuje plik WebP i ponownie koduje go do formatu JPEG za kulisami, co oznacza, że ponosisz ryzyko związane z kompatybilnością, nie otrzymując korzyści w postaci mniejszego rozmiaru. Wiedza o tym, które platformy to robią, zmienia to, co należy przesyłać.

Obsługa formatów według platform

Przed wyborem formatu do przesłania sprawdź ostatnią kolumnę, ponieważ platforma, która ponownie koduje wszystko, sprawia, że Twój wybór formatu staje się bezznaczeniowy. Wsparcie zmienia się z czasem, więc przed dużą migracją potwierdź dane z aktualną dokumentacją.

PlatformaWebPAVIFPonownie koduje przesłane pliki
ShopifyAkceptowaneCzęściowoTak, serwuje własne warianty
WordPressAkceptowaneCzęściowoGeneruje rozmiary miniatur
AmazonNieakceptowaneNieakceptowaneTak
EtsyNieakceptowaneNieakceptowaneTak
eBayMieszaneNieakceptowaneTak
Media społecznościoweMieszaneRzadkoTak, zawsze
Klienci pocztowiNiezaufaneNieobsługiwaneNie
Portale rządoweOdrzucaneOdrzucaneNie
Usługi drukuOdrzucaneOdrzucaneNie

Wzór w tej tabeli jest spójny. Systemy zbudowane niedawno na potrzeby sieci akceptują nowoczesne formaty, a te zbudowane z myślą o druku, zgodności z przepisami lub starszych systemach – nie. Wiek systemu pozwala lepiej przewidzieć obsługę formatów niż wielkość firmy, która go prowadzi.

Przeglądarki nie stanowią już problemu

Każda współczesna przeglądarka obsługuje WebP, w tym Chrome, Firefox, Safari i Edge na komputerach i urządzeniach mobilnych. Safari dodało obsługę w 2020 roku, co zakończyło ostatni poważny argument przeciwko kompatybilności tego formatu.

AVIF pozostaje krok w tyle, z obsługą we wszystkich głównych przeglądarkach, ale mniej spójnym zachowaniem w starszych wersjach i niektórych wbudowanych przeglądarkach. W przypadku publicznej strony internetowej format WebP jest bezpieczny bez rozwiązania awaryjnego, a AVIF jest bezpieczny z nim. Pozostałe problemy leżą całkowicie poza przeglądarkami.

Dlaczego platformy ponownie kodują przesłane pliki

Platformy ponownie kodują pliki, aby kontrolować własne koszty dostarczania danych i serwować odpowiedni rozmiar na każde urządzenie. Platforma handlowa pokazująca obraz w 6 różnych układach potrzebuje 6 wariantów, a wygenerowanie ich z jednego przesłanego pliku jest prostsze niż proszenie sprzedawców o ich dostarczenie.

Ponowne kodowanie niesie za sobą konsekwencje, które warto zrozumieć. Przesłanie mocno skompresowanego pliku daje platformie uszkodzone źródło do pracy, a to uszkodzenie przenosi się na każdy wariant. Tam, gdzie platforma ponownie koduje pliki, prześlij plik o wysokiej jakości w odpowiednich wymiarach i pozwól platformie zająć się kompresją, zamiast kompresować go dwukrotnie.

Gdzie WebP naprawdę pomaga

WebP pomaga najbardziej na stronach, które kontrolujesz, gdzie plik, który przesyłasz, jest tym samym plikiem, który pobiera odwiedzający. Twoja własna strona internetowa, samodzielnie hostowany sklep i strona z dokumentacją należą do tej kategorii.

  • Twoja własna strona internetowa. Pełna korzyść, ponieważ nic nie koduje ponownie pliku.
  • Samodzielnie hostowane sklepy. Pełna korzyść, a szybkość strony bezpośrednio wpływa na konwersję.
  • Systemy treści generujące warianty. Częściowa korzyść, ponieważ to platforma decyduje o formacie wyjściowym.
  • Platformy handlowe. Brak korzyści, ponieważ przesłane pliki są ponownie kodowane bez względu na to, co wyślesz.
  • Media społecznościowe. Brak korzyści, ponieważ każda sieć konwertuje pliki na własny format.

Gdzie WebP powoduje problemy

Unikaj WebP wszędzie tam, gdzie człowiek będzie pobierał plik i otwierał go w oprogramowaniu poza przeglądarką. Narzędzia do projektowania, oprogramowanie biurowe i procesy przygotowania do druku wciąż słabo radzą sobie z tym formatem.

Najczęstszym niepowodzeniem są materiały prasowe lub pakiety medialne. Dziennikarz pobierający logo w formacie WebP może nie być w stanie umieścić go w swoim programie do składu, a zapytanie pozostanie bez odpowiedzi, zamiast zostać odesłane. Drugim częstym błędem są rządowe formularze przesyłania plików, gdzie walidacja odrzuca format całkowicie, wyświetlając błąd, który rzadko wskazuje przyczynę.

Jak zdecydować, który format przesłać

Aby dokonać właściwego wyboru, odpowiedz po kolei na te 4 pytania.

  1. Czy plik będzie pobierany i otwierany poza przeglądarką? Jeśli tak, użyj JPG lub PNG.
  2. Czy platforma ponownie koduje przesłane pliki? Jeśli tak, prześlij wysokiej jakości JPG lub PNG i pozwól platformie zdecydować.
  3. Czy kontrolujesz dostarczanie pliku? Jeśli tak, użyj WebP, stosując AVIF dla najcięższych obrazów.
  4. Czy obraz wymaga przezroczystości? Jeśli tak, użyj PNG lub WebP, ponieważ JPEG nie obsługuje kanału przezroczystości.

Te 4 pytania rozwiązują niemal każdy przypadek bez potrzeby korzystania z tabeli kompatybilności. Podstawowa zasada jest prosta: nowoczesne formaty powinny być stosowane tam, gdzie kontrolujesz cały proces, a uniwersalne formaty wszędzie indziej.

Bezpieczne serwowanie nowoczesnych formatów na własnej stronie

Użyj elementu picture, wymieniając najpierw AVIF, potem WebP, a w tagu img umieść awaryjny JPEG. Przeglądarka wybierze pierwszy format, który rozumie, dzięki czemu nowsze przeglądarki otrzymają mały plik, a starsze nadal wyświetlą obraz.

Kod HTML kosztuje kilka linii na obraz i całkowicie eliminuje ryzyko braku kompatybilności. Większość systemów zarządzania treścią i kreatorów stron generuje ten schemat automatycznie przy przesłaniu, więc sprawdź, co Twoja platforma już robi, zanim zaczniesz pisać kod ręcznie. Konwersja obrazów zajmuje kilka minut, podczas gdy pisanie kodu zazwyczaj trwa dłużej.

Jak sprawdzić, co platforma naprawdę akceptuje

Prześlij jeden plik testowy i sprawdź, co platforma serwuje z powrotem, ponieważ dokumentacja jest często nieaktualna. Odpowiedź uzyskasz w 2 minuty i jest ona bardziej wiarygodna niż jakakolwiek opublikowana lista.

Prześlij obraz WebP, wyświetl opublikowaną stronę, kliknij obraz prawym przyciskiem myszy i otwórz go w nowej karcie. Rozszerzenie pliku w pasku adresu pokazuje, co platforma faktycznie serwuje. Rozszerzenie .jpg oznacza, że Twój plik WebP został przekonwertowany, podczas gdy rozszerzenie .webp oznacza, że został zachowany. Powtórz test po każdej większej aktualizacji platformy.

Formaty, które po cichu znikają

BMP, TIFF i animowany GIF nadal działają niemal wszędzie i są niewłaściwym wyborem w prawie każdym przypadku. Każdy z nich przetrwał dlatego, że produkowało go stare oprogramowanie, a nie dlatego, że robi cokolwiek dobrze.

BMP przechowuje obrazy prawie bez kompresji, więc zrzut ekranu może ważyć 20 razy więcej niż jego odpowiednik w formacie PNG. TIFF pozostaje standardem w druku i skanowaniu i nie nadaje się do użytku w sieci. Animowany GIF jest ograniczony do 256 kolorów i często waży więcej niż krótki film z tym samym klipem. Konwertowanie tych 3 formatów przy odbiorze, zamiast ich przechowywania, pozwala uniknąć niepotrzebnego obciążenia w całym procesie pracy.

Planowanie migracji formatu

Konwertuj kopię biblioteki, a nie oryginały, i zachowaj oryginały, dopóki nowe pliki nie zostaną opublikowane i zweryfikowane. Migracje formatów to jedno z niewielu zadań związanych z obrazami, które mogą bezpowrotnie zaprzepaścić wykonaną pracę.

Pracuj w 4 etapach. Przeprowadź audyt, które obrazy są faktycznie używane, ponieważ większość bibliotek zawiera pliki, do których nie odwołuje się żadna strona. Skonwertuj kopię do formatu docelowego w odpowiednich wymiarach. Opublikuj nowe pliki wraz z rozwiązaniem awaryjnym, aby nic nie popsuło się podczas przełączania. Usuń oryginały dopiero wtedy, gdy strony zostaną sprawdzone na telefonie, w przeglądarce na komputerze i w każdym systemie klienckim, który korzysta z tych obrazów.

Co z formatem AVIF

AVIF kompresuje o około 20 do 30 procent mocniej niż WebP w przypadku dużych zdjęć i koduje się znacznie wolniej. Format ten jest wart dodatkowego wysiłku przy głównych obrazach (hero) i stronach bogatych w fotografie.

Poniżej około 10 KB plik WebP jest często mniejszy, ponieważ AVIF niesie ze sobą większy narzut kontenera, niż mogą to uzasadnić malutkie obrazy. Używaj AVIF dla największych obrazów, WebP wszędzie indziej na stronie i zachowaj awaryjny JPEG dla obu. Wsparcie platform poza przeglądarkami jest wciąż znikome, więc AVIF powinien trafiać na strony, które kontrolujesz, a nie do plików, które przekazujesz innym osobom.

Konwertowanie biblioteki dla określonego miejsca docelowego

Konwertuj raz do formatu, którego faktycznie używa miejsce docelowe, zamiast wielokrotnie konwertować między formatami. Każda stratna konwersja odrzuca szczegóły, więc plik, który przeszedł przez 3 formaty, niesie ze sobą 3 generacje strat.

Najpierw zdecyduj o miejscu docelowym, a następnie konwertuj bezpośrednio z oryginału. Nasze konwertery obsługują każde popularne połączenie, w tym HEIC, PNG, JPG, WebP, AVIF, GIF i BMP w obu kierunkach, więc nie ma potrzeby przepuszczania pliku przez format pośredni. Partie do 500 plików są przetwarzane jednocześnie, całkowicie w Twojej przeglądarce, co oznacza, że całą bibliotekę obrazów można przygotować do migracji bez wysyłania ani jednego pliku poza Twój komputer.

Powrót do bloga