Optymalizacja obrazu to proces przygotowywania zdjęć produktów – zmiany rozmiaru, kompresji i formatowania obrazów – tak, aby ładowały się szybko, bez utraty jakości wizualnej, na której klienci polegają, oceniając produkt przed zakupem. W przypadku pliku danych o produktach oznacza to każdy image_link oraz additional_image_link Wartość wskazuje na zasób, który przeszedł ten proces, a nie nieprzetworzony plik studyjny, który może mieć kilka megabajtów na obraz. W skali katalogowej waga obrazu jest zazwyczaj najważniejszym czynnikiem wpływającym na szybkość ładowania stron produktów i kategorii, co sprawia, że ​​optymalizacja jest jednym z najważniejszych rozwiązań technicznych dostępnych dla sprzedawcy detalicznego.

Dlaczego optymalizacja obrazów ma znaczenie dla wydajności kanału

Zdjęcia produktów pełnią podwójną funkcję: są głównym elementem wizualnym, który kupujący ocenia podczas przeglądania wyników wyszukiwania lub karuzel reklam produktowych, a także najważniejszym elementem, który strona docelowa musi załadować po kliknięciu. Niezoptymalizowane zdjęcia w pełnej rozdzielczości mogą sprawić, że szybka strona sama w sobie stanie się powolna, co bezpośrednio zniweczy prace nad optymalizacją czasu ładowania prowadzone w innych częściach witryny. Poza szybkością, platformy zakupowe coraz częściej oceniają jakość samych zdjęć jako element ogólnej oceny jakości oferty – oznaczając znaki wodne, grafiki zastępcze lub zdjęcia o niskiej rozdzielczości jako problemy, które utrudniają eksponowanie produktu. Katalog z tysiącami kodów SKU potęguje oba te problemy: niewielka nieefektywność pojedynczego zdjęcia w rozmiarze pliku staje się realnym kosztem infrastruktury i ograniczeniem szybkości po nałożeniu na cały katalog.

Jak działa optymalizacja obrazu

Podstawowe techniki są spójne w większości katalogów: zmiana rozmiaru obrazów do rzeczywistych wymiarów, w których będą wyświetlane, zamiast wysyłania powiększonych oryginałów, konwersja do wydajnych formatów, takich jak WebP lub AVIF, jeśli kanał je obsługuje, i stosowanie kompresji, która zmniejsza rozmiar pliku bez wprowadzania widocznych artefaktów. Oprócz statycznych obrazów, bogatsze materiały multimedialne dotyczące produktów — w tym wideo — są coraz częściej częścią tej samej rozmowy o optymalizacji, ponieważ platformy takie jak Google Shopping obsługują teraz dedykowane pola wideo w kanale produktów , które wymagają własnych zagadnień kodowania i hostingu, szczegółowo omówionych w przewodniku Feedance dotyczącym atrybutu video_link w Google Shopping . Większość zespołów obsługuje również zoptymalizowane obrazy za pośrednictwem sieci dostarczania treści (CDS), a nie serwera źródłowego, zapewniając szybkie ładowanie tych samych zasobów niezależnie od lokalizacji kupującego, i weryfikuje wyniki, mierząc rzeczywisty wpływ na ładowanie strony, a nie oceniając ustawienia kompresji w izolacji.

Przykład

<item>
  <g:id>SKU-10234</g:id>
  <g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
  <!-- Optimized: resized, WebP, served via CDN -->
  <g:image_link>https://cdn.example-shop.com/img/org-sweater-charcoal-1200w.webp</g:image_link>
  <g:additional_image_link>https://cdn.example-shop.com/img/org-sweater-detail-1200w.webp</g:additional_image_link>
  <g:additional_image_link>https://cdn.example-shop.com/img/org-sweater-lifestyle-1200w.webp</g:additional_image_link>
</item>

Każdy obraz jest dostosowywany do największej rozdzielczości, jaką faktycznie wyświetla witryna sklepowa, a nie do pełnego oryginału studyjnego, co zazwyczaj pozwala znacząco zmniejszyć rozmiar pliku, a kupujący nie odczuwa żadnej utraty jakości.

Powiązane pojęcia

Optymalizacja obrazów jest jednym z najbardziej bezpośrednich czynników wpływających na optymalizację czasu ładowania , ponieważ zdjęcia zazwyczaj stanowią większość całkowitej wagi strony produktu i mają bezpośredni wpływ na to, jak platformy oceniają jakość oferty dla poszczególnych SKU. Ponieważ pola obrazów znajdują się w samym kanale produktu , ich optymalizacja jest jedną z nielicznych poprawek, które jednocześnie poprawiają wydajność reklam, konwersję organiczną i szybkość strony za pomocą jednej zmiany.