Jeśli nie wiesz, czym różnią się typy plików graficznych, nie jesteś sam. Kiedy rozpoczynamy projekt, jedną z pierwszych rzeczy, o którą prosimy klienta jest plik wektorowy jego logo. Jednak prośba ta często spotyka się z pustym spojrzeniem lub odpowiedzią w stylu „czy nie możecie po prostu ściągnąć logo z mojej strony?”. Jako marketer, zrozumienie znaczenia i roli różnych typów plików graficznych jest niezbędne do zapewnienia, że Twoja marka jest właściwie reprezentowana oraz do lepszej komunikacji z projektantami, deweloperami i drukarniami.
Pobierz go, wydrukuj i zapisz na przyszłość.
Co to jest plik wektorowy? What is Raster?
Możemy zacząć nadawać sens temu zagadnieniu, wyjaśniając różnicę między dwoma głównymi typami obrazów – rastrowym i wektorowym.
Obrazy rastrowe używają wielu kolorowych pikseli lub pojedynczych bloków konstrukcyjnych, aby utworzyć kompletny obraz. JPEG, GIF i PNG to popularne typy obrazów rastrowych. Prawie wszystkie zdjęcia znalezione na stronach internetowych i w drukowanych katalogach są obrazami rastrowymi.
Ponieważ obrazy rastrowe są zbudowane przy użyciu stałej liczby kolorowych pikseli, nie mogą być drastycznie zmniejszone bez pogorszenia ich rozdzielczości. Po rozciągnięciu w celu dopasowania do przestrzeni, do której nie zostały zaprojektowane, ich piksele stają się widocznie ziarniste, a obraz zniekształcony. Z tego powodu zmienione zdjęcia mogą wydawać się rozpikselowane lub mieć niską rozdzielczość. Dlatego ważne jest, aby zapisywać pliki rastrowe w dokładnie takich wymiarach, jakie są potrzebne, aby wyeliminować ewentualne komplikacje.
Obrazy wektorowe pozwalają na większą elastyczność. Pliki wektorowe typu EPS, AI i PDF*, zbudowane przy użyciu wzorów matematycznych, a nie pojedynczych kolorowych bloków, są doskonałe do tworzenia grafiki, która często wymaga zmiany rozmiaru. Logo firmy i grafika marki powinny być tworzone jako wektorowe i zapisywane jako plik główny, aby można było ich używać na mniejszych elementach, takich jak wizytówki i papier firmowy, ale także na większych powierzchniach, takich jak firmowy jet. Jeśli to konieczne, zawsze twórz JPG lub PNG do użytku w sieci z tego głównego pliku wektorowego. Pamiętaj tylko, aby zapisać nowy plik rastrowy w dokładnie takich wymiarach, jakie są potrzebne.
*Plik PDF jest generalnie plikiem wektorowym. Jednak w zależności od tego, w jaki sposób plik PDF został pierwotnie utworzony, może on być albo wektorowy, albo rastrowy. To, czy zdecydujesz się spłaszczyć warstwy swojego pliku, czy zachować każdą z nich, określi typ obrazu.
Wysoka czy niska rozdzielczość?
Aby określić, czy Twoje obrazy rastrowe mają odpowiednią rozdzielczość dla konkretnego zastosowania, musisz sprawdzić ich gęstość pikseli. Jednostki miary takie jak punkty na cal (DPI) lub piksele na cal (PPI) odnoszą się do liczby pikseli na jednym calu obrazu. Te pomiary stają się ważne, gdy próbujesz używać obrazów rastrowych w określonych miejscach, takich jak w sieci lub w publikacjach drukowanych.
W sieci, historycznie, wyświetlane są 72dpi (72 punkty lub piksele na cal) – stosunkowo niska gęstość pikseli, jednak większość nowoczesnych wyświetlaczy jest teraz znacznie wyższa. To powiedziawszy, wiele obrazów na stronach internetowych wciąż mieści się w zakresie 72-100 dpi. Podczas gdy monitory mogą wyświetlać wyższą rozdzielczość, strony internetowe muszą być zoptymalizowane pod kątem szybkości, więc obrazy o rozdzielczości około 100 dpi są idealnym rozwiązaniem, jeśli chodzi o świetny wygląd na ekranie, ale także szybkie ładowanie. Obrazy rastrowe o niskim DPI w zakresie 72-100 wyglądają ładnie i wyraziście na stronach internetowych. Ale ten sam obraz o niskim DPI może nie być odpowiedni do druku na broszurach lub opakowaniach. Aby poprawnie wydrukować obraz, powinien on mieć co najmniej 300dpi, czyli znacznie większą gęstość pikseli niż ta wyświetlana na stronach internetowych. Zmiana rozmiaru obrazu o niskim DPI pobranego z sieci, aby dopasować go do wymiarów projektu do druku nie zadziała, ponieważ ta sama skończona liczba pikseli tylko się powiększy i zacznie się zniekształcać. Na przykład, załóżmy, że chcesz wydrukować swoje logo w formacie 2″x3″ na broszurze. Jeśli masz logo w formacie jpg 72dpi i ma ono wymiary 2 cale na 3 cale, będzie musiało zostać „rozciągnięte” do ponad 3 razy większego rozmiaru, aby osiągnąć 300dpi. Logo w rozdzielczości 72dpi może wyglądać świetnie na monitorze komputera, ale kiedy zostanie wydrukowane w rozdzielczości 300dpi, będzie wyglądało na rozpikselowane. Zamiast tego powinieneś użyć wektorowej wersji swojego logo (.EPS lub .AI) lub utworzyć raster (JPG) o dokładnych wymiarach i w 300dpi.
Różne typy rozszerzeń plików graficznych i najlepsze zastosowanie dla każdego
JPG
JPG (lub JPEG) jest obrazem rastrowym, który jest często używany do zdjęć na stronach internetowych. JPG może być zoptymalizowany, kiedy zapisujesz go w photoshopie, aby znaleźć idealną równowagę między małym rozmiarem pliku a wysoką jakością. W sieci, chcesz, aby pliki obrazów były tak małe, jak to tylko możliwe, aby witryna ładowała się szybko, ale wystarczająco duże, aby nadal wydawały się wyraźne i nie rozpikselowane. JPG nie może mieć przezroczystego tła, więc są one zawsze w kształcie prostokąta lub kwadratu z jednolitym tłem.
Najlepiej używać = prostokątne lub kwadratowe zdjęcia i fotografie na swojej stronie.
PNG
PNG jest kolejnym typem obrazu rastrowego. Dla ogólnego marketera, główną różnicą do zrozumienia między PNG i JPG jest to, że PNG może mieć przezroczyste tło i jest ogólnie większy i wyższej jakości. Dlatego PNG jest idealny do zapisywania plików logo dla stron internetowych, ponieważ można je umieścić na kolorowym tle.
Najlepsze wykorzystanie = logo, ikony i inne obrazy, gdzie preferowane jest przezroczyste tło.
GIF
GIF to kolejny typ obrazu rastrowego. GIF jest tworzony z maksymalnie 256 kolorów z przestrzeni kolorów RBG. Im mniej kolorów i odcieni zawartych w obrazie, tym mniejszy rozmiar pliku. Dlatego GIF jest idealny dla obrazów, które używają tylko kilku stałych kolorów i nie mają gradientów lub naturalnych odcieni. Nie chciałbyś używać GIF-a do fotografii.
Najlepsze zastosowanie = prosta grafika internetowa, taka jak przyciski internetowe, wykresy i ikony.
TIF
TIF (lub TIFF) jest dużym plikiem rastrowym. Nie ma utraty jakości i dlatego jest używany głównie do obrazów używanych w druku. Na stronach internetowych, ze względu na czas ładowania, zazwyczaj chcesz używać mniejszych obrazów, takich jak JPG lub PNG.
Najlepiej używać = obrazy i fotografie do druku wysokiej jakości.
EPS
Plik EPS jest plikiem wektorowym grafiki, tekstu lub ilustracji. Ponieważ jest wektorowy, można go łatwo zmienić do dowolnego rozmiaru. Plik EPS może być ponownie otwarty i edytowany.
Najlepsze zastosowanie = pliki logo, grafiki i projekty do druku.
AI
Plik AI jest zastrzeżonym typem pliku wektorowego stworzonym przez Adobe, który może być tworzony lub edytowany tylko w programie Adobe Illustrator. Jest on najczęściej używany do tworzenia logotypów, ilustracji i układów wydruku.
Najlepsze zastosowanie = tworzenie logotypów, grafiki, ilustracji.
Edycja plików wektorowych i zapisywanie „w konturach”
Pliki wektorowe, takie jak AI i EPS, mogą pozostać edytowalne, więc można je otworzyć z powrotem w programie Illustrator i edytować dowolny tekst lub inne elementy w grafice. W przypadku obrazów zawierających tekst, które są zapisane jako JPG, PNG lub GIF, nie ma możliwości ponownego otwarcia i edycji tekstu.
W MODassic często tworzymy pliki w Illustratorze i zapisujemy plik AI jako plik główny, ale następnie zapisujemy również wersję EPS „w konturach”, która jest używana w produkcji i wysyłana do druku.
Zapisywanie w „konturach” to termin, który można usłyszeć przy wysyłaniu plików do druku. Jeśli drukarnia nie ma czcionki, której użyłeś w swoim projekcie, a plik wektorowy nie jest zapisany w „outlines”, to po otwarciu pliku tekst nie będzie miał pożądanego wyglądu, ponieważ zostanie domyślnie ustawiony na inną czcionkę. Zapisanie czegoś z „konturami” w zasadzie oznacza, że blokujesz tekst tak, że nie jest on już technicznie czcionką, ale zamiast tego składa się z kształtów wektorowych, które tworzą litery. Jest to ważne przy wysyłaniu grafiki do druku. Dlatego w MODassic zachowujemy plik AI jako edytowalny plik wzorcowy, a następnie zapisujemy plik EPS jako zablokowaną ostateczną wersję grafiki, którą wysyłamy do druku.
Praca z obrazami może być myląca, ale pamiętając o tych kluczowych faktach, wyeliminujesz wiele kłopotów. Oczywiście zawsze służymy pomocą i odpowiemy na wszelkie pytania.
- newsletter