Przejdź do głównej zawartości

Cześć, jak możemy ci dzisiaj pomóc?

Lub wybierz kategorię poniżej
Rozpoczęcie
Filmy wideo

Jak rozwiązać problemy z jakością obrazów

  1. Baza wiedzy Exclaimer
  2. Projekt podpisu
  3. Rozwiązywanie problemów
Ari Flavell
  • Zaktualizowano

Scenariusz

Podczas wysyłania lub odbierania e-maila zauważasz, że obrazy w Twoim podpisie są rozmyte lub mają niską jakość.

Przyczyna

Jakość obrazu zależy od kilku czynników, takich jak: 

  • Rozdzielczość obrazu
  • Wymiary obrazu i zmiana rozmiaru 
  • Format pliku obrazu
  • Rozdzielczość wyświetlania ekranu
  • Ustawienia powiększenia na Twoim urządzeniu 
  • Jeśli Twój podpis jest renderowany jako bitmapa, na przykład z powodu używania niestandardowych czcionek lub obrazów tła.

Rozdzielczość

Kilka wskazówek, które pomogą rozwiązać problemy z jakością obrazu:

Sprawdź, czy rozdzielczość obrazu mieści się w zakresie od 72 do 150 DPI

Rozdzielczość obrazu wpływa na to, jak wyraźnie jest wyświetlany. Zalecamy, aby obrazy miały rozdzielczość od 72 do 150 DPI. Optymalna jest 96 DPI.

Możesz użyć narzędzi takich jak Photoshop, MS Paint lub GIMP, aby sprawdzić rozdzielczość obrazu. 

Aby sprawdzić rozdzielczość obrazu w MS Paint:

  1. Otwórz plik obrazu w MS Paint.
     
  2. Przejdź do Plik > Właściwości obrazu.

    DPI jest wyświetlane obok Rozdzielczość.

Jeśli rozdzielczość obrazu jest niższa niż 72 DPI, zaleca się jego odtworzenie lub poprawę w narzędziu takim jak Adobe Photoshop.

Zwiększ jakość obrazu za pomocą narzędzi Adobe Photoshop

Jeśli masz dostęp do narzędzi Adobe, możesz użyć Adobe Illustratora i Adobe Photoshopa, aby zwiększyć wartość DPI/PPI obrazu. Zwiększa to jego ostrość.

Aby edytować obraz za pomocą narzędzi Adobe:

  1. Otwórz swój obraz w Adobe Illustrator i zaznacz go na płótnie.
     
  2. Jeśli Twój obraz jest w formacie PNG lub JPG, wybierz Image Trace w panelu Properties, a następnie wybierz Default. 


    Wybierz Image Trace.  
     
  3. Otwórz menu Object i wybierz Expand.


    Wybierz Expand.  
     

  4. Otwórz menu Object i wybierz Make Pixel Perfect.

    UWAGA: Może to nie być odpowiednie dla cieńszych sloganów. Jeśli Twój obraz wygląda dziwnie, cofnij tę zmianę.



    Wybierz Make Pixel Perfect.  
     

  5. Zaznacz całe płótno, otwórz menu kontekstowe (prawy klik), a następnie wybierz Collect for Export > As Single Asset. Otworzy się okno Asset Export.
     
  6. [Opcjonalnie] Wprowadź nazwę dla swojego zasobu, wybierając tekst obok miniatury obrazu. 
     
  7. W sekcji Scale kliknij strzałkę, aby rozwinąć listę, a następnie wybierz Resolution. 
     
  8. Wprowadź wartość w PPI w polu tekstowym. Zalecamy wartość między 150 a 300 PPI. 
     
  9. Wybierz miniaturę obrazu, a następnie kliknij Export, aby zapisać obraz na swoim urządzeniu. 


    Okno eksportu z ustawionymi wartościami PPI.  
     
  10. Otwórz wyeksportowany plik obrazu w Photoshopie. 
     
  11. W widoku Layers otwórz menu kontekstowe warstwy obrazu i wybierz Convert to Smart Object. 
     

  12. Otwórz menu Image, a następnie wybierz Image Size...

    UWAGA: Możesz zauważyć, że rozmiar obrazu się podwoił. To normalne, ponieważ eksport z Illustratora jest w wysokiej rozdzielczości.


    Okno Image Size.
     

  13. Wprowadź wymagane wartości pikseli w polach Width i Height. 
     
  14. Wybierz Ok.
     
  15. Eksportuj swój nowy obraz jako PNG do użycia z Exclaimer.
Unikaj zmiany rozmiaru obrazów

Powiększanie lub zmniejszanie rozmiaru obrazów również obniża jakość obrazu. Obrazy mogą wyglądać na pikselowane.
 
Aby zapobiec temu problemowi, upewnij się, że pliki obrazów mają taki sam rozmiar, w jakim chcesz je wyświetlać podczas przesyłania – na przykład, jeśli chcesz, aby obraz był wyświetlany w rozmiarze 100x100px, utwórz lub zmień rozmiar pliku obrazu do tego rozmiaru.

Sprawdź wymiary obrazu:

  1. Kliknij prawym przyciskiem myszy na plik obrazu i wybierz Właściwości (urządzenia z systemem Windows) lub Pobierz informacje (urządzenia Mac).
     
  2. Otwórz zakładkę Szczegóły (Windows) lub Więcej informacji (Mac). Rozmiar obrazu w pikselach jest podany w Wymiary.
     
  3. W Kreatorze Podpisów otwórz swój podpis i wybierz obraz. Rozwiń menu Rozmiar w panelu Właściwości. Wartości pod Szerokość i Wysokość to rozmiar obrazu w pikselach.
     
  4. Jeśli wymiary w szablonie podpisu nie odpowiadają wymiarom oryginalnego pliku obrazu, prześlij ponownie obraz o dopasowanych wartościach pikseli.
Wskazówka! Większość programów do edycji obrazów pozwala na zmianę rozmiaru obrazu. Aby uzyskać więcej informacji, zobacz Jak zmienić rozmiar obrazów, aby spełniały limit 300KB Exclaimer. 
W Photoshopie można zachować jakość, konwertując obraz na obiekt inteligentny, przechodząc do Warstwa › Obiekt inteligentny › Konwertuj na obiekt inteligentny. Jeśli używasz Microsoft Paint lub GIMP, nie jest możliwe zachowanie jakości obrazu podczas zmiany rozmiaru.
Używaj formatu pliku obrazu Portable Network Graphic (PNG)

PNG to bezstratny format pliku obrazu zaprojektowany do przesyłania obrazów przez internet i jest idealnym formatem do użycia w podpisach e-mail. PNG obsługuje także przezroczystość, co czyni go idealnym do użycia z logo firmy i innymi grafikami w podpisie. Zapisz swój obraz jako .png, aby użyć formatu PNG.

UWAGA: Użycie PNG o wyższej jakości może zwiększyć rozmiar pliku obrazu. Możesz użyć narzędzi do kompresji obrazów, aby zmniejszyć rozmiar pliku, ale pamiętaj, że robisz to na własne ryzyko.
Sprawdź rozdzielczość wyświetlania i ustawienia powiększenia
Niektóre urządzenia o wysokiej rozdzielczości, takie jak te z wyjściem Ultra-HD lub 4k, automatycznie zmieniają rozmiar obrazów, aby dopasować je do ekranu. Może to wpłynąć na jakość treści. 

Najlepszym sposobem na poprawę wyglądu obrazów na wyświetlaczach o wysokiej rozdzielczości jest tworzenie ich w większym rozmiarze. Jednak może to mieć odwrotny efekt na urządzeniach z wyświetlaczami o niższej rozdzielczości. Podobnie, wyświetlacz szerokoekranowy HD będzie miał inny efekt niż małe urządzenie mobilne, na przykład. 

Zastanów się, dla jakiego typu wyświetlaczy chcesz optymalizować swoje obrazy podczas ich tworzenia i przesyłania. Nie ma jednego sposobu na maksymalizację jakości na każdym możliwym typie wyświetlacza. 
Sprawdź, czy renderujesz jako bitmapę

Jeśli renderujesz swój podpis lub zawartość podpisu jako bitmapę, staje się on obrazem bitmapowym, który może być podatny na problemy z jakością podczas wyświetlania.

Jeśli używasz niestandardowych czcionek lub obrazów tła w swoim podpisie, Twój podpis zostanie automatycznie wyrenderowany jako bitmapa. Ma to na celu zapewnienie, że czcionka i/lub obraz mogą być wyświetlane na wszystkich urządzeniach. Aby uniknąć renderowania podpisu jako bitmapy, używaj zestawów czcionek zamiast niestandardowych czcionek i usuń obrazy tła.

Aby uzyskać instrukcje dotyczące korzystania z zestawów czcionek, zobacz Jak używać zestawów czcionek w Exclaimer.

Wskazówka! Możesz zastąpić obraz tła, tworząc go ponownie za pomocą kolorów tła. Aby uzyskać więcej informacji na temat używania kolorów i obrazów, zobacz Różnica między obrazem tła a kolorem tła oraz sekcję Tworzenie szerokiego obrazu w artykule Jak rozszerzyć element na szerokość całego podpisu. Jest to odpowiednie tylko dla obrazów tła wykorzystujących proste kolory blokowe.