O najlepszych praktykach dotyczących obrazów e-mail
Zapoznaj się z najlepszymi praktykami dotyczącymi korzystania z obrazów w wiadomości e-mail Klaviyo, w tym z zaleceniami dotyczącymi rozmiaru i sposobu dodawania obrazów.
Najlepsze praktyki dotyczące korzystania z obrazów w wiadomościach e-mailNajlepsze praktyki dotyczące korzystania z obrazów w wiadomościach e-mail
Podczas tworzenia obrazów do wykorzystania w wiadomościach e-mail weź pod uwagę następujące kwestie:
- Klaviyo pomoc Pliki obrazów JPEG, PNG i GIF. Możesz również przesłać plik WebP i zdecydować się na automatyczne przekonwertowanie go przez Klaviyo na plik PNG. Ogólnie rzecz biorąc, pliki PNG będą wyświetlane najlepiej na różnych urządzeniach, szczególnie w przypadku obrazów zawierających tekst.
- Maksymalny rozmiar pliku obrazu obsługiwany przez Klaviyo wynosi 10 MB. Zalecamy jednak korzystanie z obrazów o rozmiarze 1 MB lub mniejszym, ponieważ większe obrazy mogą ładować się powoli, prowadząc do słabego doświadczenia odbiorcy. Wbudowane w Klaviyo narzędzie do kompresji obrazów może pomóc w zmniejszeniu rozmiarów plików przesyłanych obrazów bez znaczącej utraty jakości.
- W sieci najlepszą praktyką jest stosowanie rozdzielczości 72 dpi. Staraj się utrzymywać obrazy o szerokości od 600 do 1000 pikseli i wysokości poniżej 2000 pikseli dla obrazów o pełnej szerokości, aby zrównoważyć jakość obrazu i szybkość ładowania. Obrazy o szerokości mniejszej niż pełna szerokość wiadomości e-mail mogą być mniejsze niż 600 pikseli.
- Zwróć uwagę, że obraz o pełnej szerokości w rozdzielczości 72 dpi będzie często większy niż 1 MB, a zmniejszenie rozmiaru obrazu może spowodować, że będzie on wyraźnie rozmyty lub niskiej jakości. Wybierając obrazy do wykorzystania w wiadomościach, weź pod uwagę kompromis między jakością obrazu a czasem ładowania: duże obrazy mogą nie pojawić się natychmiast po otwarciu wiadomości e-mail, zwłaszcza jeśli ktoś ma wolne połączenie internetowe.
- Zawsze dodawaj tekst alternatywny do swoich obrazów. Niektóre skrzynki odbiorcze, w tym Outlook i Apple Mail, nie wyświetlają obrazów, dopóki odbiorca nie wyrazi zgody na ich wyświetlanie. Dołączenie tekstu alternatywnego pomaga odbiorcom korzystającym z tych skrzynek odbiorczych zrozumieć, co obraz ma przekazać, a także ułatwia dostęp.
Wstaw blok obrazu
Aby dodać obraz do szablonu:
- Przeciągnij blok obrazu na obszar podglądu, a następnie wybierz obraz, który chcesz dołączyć.
- Po umieszczeniu bloku obrazu zostaniesz poproszony o dodanie obrazu za pomocą:
- Przeciągnij jeden lub więcej obrazów do bloku, aby natychmiast je przesłać
- Przeglądanie komputera w celu znalezienia i przesłania jednego lub kilku obrazów
- Importowanie z adresu URL
- Wybór obrazu z biblioteki obrazów
- Wybór obrazu z katalogu produktów (jeśli jesteś zintegrowany z platformą e-commerce lub zsynchronizowałeś niestandardowy katalog)
- Wstawienie zastępczego adresu URL lub zmiennej sekwencji, jeśli chcesz, aby obraz był dynamicznie wypełniany (tylko dla sekwencji)
Jeśli przesyłasz obraz, maksymalny rozmiar obrazu, jaki możesz przesłać, wynosi 10 MB.
Automatyczna kompresja plików graficznychAutomatyczna kompresja plików graficznych
Klaviyo zawiera narzędzie do automatycznej kompresji obrazu jako część procesu przesyłania obrazu, aby pomóc Ci zrównoważyć przejrzystość obrazu z szybkim czasem ładowania. Zwróć uwagę, że ta funkcja nie jest obsługiwana dla gifów.
Gdy przesyłasz obraz, w kroku Recenzja wyświetlany jest oryginalny plik i jego skompresowana wersja do porównania. Każdy podgląd pokazuje rozmiar pliku wraz z procentową różnicą między nimi. Przełączenie nad obrazami pozwala wybrać wersję do przesłania, a Klaviyo dodaje plakietkę Polecane przy sugerowanym wyborze. Możesz to jednak zmienić, jeśli zauważysz utratę przejrzystości w skompresowanej wersji, co może się zdarzyć w przypadku mniejszych oryginalnych plików.
Zwróć uwagę, że jeśli oryginalny obraz jest zalecany, panel porównywania obrazów jest domyślnie zamknięty. Jeśli przesłałeś wiele obrazów jednocześnie, pamiętaj, aby przejrzeć i wybrać preferowaną opcję dla każdego obrazu osobno.
Ustawienia przesyłania
Jeśli chcesz pominąć etap weryfikacji podczas przesyłania zdjęć, dostosuj ustawienia przesyłania. Po przesłaniu obrazu zobaczysz przycisk Ustawienia przesyłania.
Twój wybór tutaj zapisuje się do przyszłych załadowań. Możesz wybrać:
- Porównaj (domyślnie): Przejrzyj i wybierz pomiędzy wersją oryginalną i skompresowaną.
- Używaj oryginałów: Zawsze przesyłaj oryginalne pliki; bez etapu weryfikacji.
- Użyj wersji skompresowanej: Zawsze przesyłaj automatycznie skompresowaną wersję Klaviyo; bez etapu sprawdzania.
Przytnij obraz
Obrazy w image blok, podział blok i table blok mogą być łatwo przycinane.
- Kliknij blok obrazu.
- Kliknij opcję Przytnij pod ikoną obrazu po lewej stronie.
Możecie Państwo przyciąć obraz do kształtu koła, kwadratu lub prostokąta o niestandardowej szerokości i wysokości. Podczas kadrowania obrazu w edytorze cały obraz zostaje zachowany, co oznacza, że w dowolnym momencie można dostosować lub usunąć kadrowanie. - Po zakończeniu kadrowania kliknij strzałkę wstecz, aby zastosować zmiany.
Zmień rozmiar obrazu
Aby zmienić rozmiar obrazu, użyj suwaków zmiany rozmiaru na obszarze roboczym.
Obrazy w przesłanym szablonie HTML
W przypadku szablonów HTML, które skopiujesz do Klaviyo (z wyjątkiem szablonów Mailchimp), prześlesz plik zip zawierający obrazy podczas procesu importowania .
W przypadku szablonu Mailchimp, jeśli prześlesz szablon, który zawiera obrazy już załadowane w Mailchimp, Klaviyo automatycznie skopiuje wszystkie te obrazy.
Po przesłaniu obrazu możesz użyć przycisku Wstaw obraz, aby przesłać nowe obrazy dla tego szablonu:
Jakość obrazu
Jeśli obawiasz się, że obrazy nie są renderowane w szablonie tak czysto lub wyraźnie, jak byś chciał, możesz podjąć kroki w celu poprawy jakości obrazu.
Jednym z dominujących standardów poprawy ostrości renderowanego obrazu w wiadomości e-mail jest wstawienie obrazu o rozmiarze 2x większym niż pożądany, a następnie zmniejszenie rozmiaru obrazu w szablonie. Możesz do tego podejść na dwa sposoby:
- Wstaw dużą, wyraźną wersję obrazu do szablonu, a następnie kliknij Edytuj i zmień rozmiar do preferowanych wymiarów.
- Wstaw natywnie większy obraz (tj. 600px szerokości) i wyświetlać w mniejszym rozmiarze (tj. 300px szerokości) za pomocą CSS; aby zastosować to podejście, musisz wstawić obraz do bloku tekstowego i dostosować kod źródłowy CSS
Typy obrazów
Klaviyo pomoc następujące typy obrazów: JPEG, PNG i GIF.
Możesz przesłać pliki WebP i użyć wbudowanego konwertera Klaviyo, aby przekonwertować je na pliki PNG. Konwersja nie jest jednak obsługiwana w przypadku animowanych plików WebP.
Jeśli masz inne formaty plików, takie jak PSD lub SVG, musisz przekonwertować je na obsługiwany typ obrazu przed przesłaniem.
Dowiedz się więcej o tym , które typy obrazów są najlepsze dla Twojej poczty e-mail.
Biblioteka obrazówBiblioteka obrazów
Obrazy przesłane na stronę Klaviyo są przechowywane w sekcji Zawartość > Obrazy & Marka > Obrazy. Usunięcie obrazu z biblioteki obrazów nie spowoduje usunięcia obrazu z szablonów, w których jest on obecnie używany.
Dodatkowe źródła