Optymalizacja grafiki dla stron internetowych

Optymalizacja grafiki na stronach internetowych jest bardzo ważna, ponieważ dotyczy rozmiaru zdjęć. Jaki mają rozmiar? Czy ładowanie zajmie zbyt dużo czasu? Podczas optymalizacji można zmniejszyć rozmiar pliku, ale trudno jest zoptymalizować zdjęcie, które nie ma znaczenia.

Nie będę mówił o takich programach jak Photoshop, nie każdy je ma, a wszystko jest całkiem proste: ustaw rozmiar obrazu, a następnie wybierz opcję „Zapisz dla WEB”. Program zrobi wszystko dla Ciebie. Zatrzymajmy się na darmowym, ale raczej zaawansowanym programie. Irfanview i rozważ przykład postępowania.

Pierwszym etapem optymalizacji jest wybór na zdjęciu głównego (z odrzuceniem wszystkiego innego) i skupienie się na ilustrowanym elemencie. Osiąga się to za pomocą operacji kadrowania i znalezienia najbardziej ekspresyjnej części, która oddaje znaczenie zdjęcia. To znaczy, wyciąć wszystkie niepotrzebne.

Otwórz żądany plik obrazu, naciśnij prawy przycisk myszy i wybierz żądany obszar kursorem.

Następnie naciśnij CTRL-Y i masz tylko wybrany obszar.

Było i jak się stało.

Po tej operacji możliwe jest już zoptymalizowanie obrazu, w którym to przypadku rzeczywiście będzie miał najmniejszy rozmiar. A przy rozmiarze zdjęć, które musisz stosować do pewnego kompromisu - nie czyń ich zbyt małymi, na których nie możesz nawet zobaczyć niczego pod szkłem powiększającym i nie czyń ich zbyt dużymi, aby czas nie rozciągał się na wieczność. Chociaż oczywiście są wyjątki: odpowiednio zoptymalizowane duże zdjęcie może wymagać czasu transferu, równoważnego normalnemu czasowi przesyłania zdjęć, i odwrotnie, źle zoptymalizowany mały obraz zostanie załadowany do końca dni. Pod zwykłym zdjęciem mam na myśli zdjęcie o rozmiarze około 250 x 300 pikseli i zajmujące około 50 -1 50 kilobajtów. Dla porównania: 100 pikseli to trochę więcej niż 3 cm.

Nie oznacza to, że wszystkie zdjęcia powinny mieć takie wymiary, ale obszar zdjęcia powinien być taki sam.

Aby to zrobić, na już przyciętym rysunku naciśnij CTRL-R. Zostanie otwarte dodatkowe okno. Co tam widzimy

W lewym górnym rogu aktualny rozmiar obrazu, poniżej okna z parametrami, które można ustawić. Wybieramy nowy rozmiar, nie zapominając, że 100 pikseli to trochę więcej niż 3 cm, albo ustawiamy go w centymetrach.

Zwróć uwagę na zaznaczenie „zachowaj proporcję”. Jeśli zaznaczone jest zaznaczenie, wystarczy zmienić tylko jeden parametr: wysokość lub szerokość.

A po lewej na samym dole znajduje się okno DPI. Jakość obrazu zależy bezpośrednio od DPI, im wyższy, tym cięższy plik. W przypadku publikacji w Internecie wystarczająca jest wartość 72.

Oczywiście jest to raczej uproszczony widok optymalizacji grafiki, ale te dość proste techniki pozwolą ci przesłać zdjęcia, na przykład, na nasze forum lub na stronę w wiadomościach, i przestaniesz przeklinać, że plik jest zbyt duży i nie chcesz go pobrać.