Interesująca treść, dobrze zrobiona grafika i łatwa nawigacja to podstawy, które powinna spełniać każda dobra strona WWW. Jednak oprócz tego warto pamiętać o drobnych szczegółach, które sprawią, że twoja strona będzie lepsza od innych.

Stosuj atrybut ALT dla znacznika <IMG>. Dzięki temu w przeglądarkach tekstowych w miejscu grafiki zostanie wyświetlony tekst podany w atrybucie ALT. Oprócz tego w Internet Explorer i Netscape Navigator dla Windows obrazek zyska ramkę z podpisem, która pojawiać się będzie po najechaniu kursorem na grafikę. Dodatkową zaletą atrybutu ALT jest to, że tekst w nim zawarty pojawia się w miejscu na obrazek, jeśli nie zostanie on załadowany (oczywiście jeśli obrazek ma zdefiniowane wymiary i tekst z atrybutu ALT mieści się w ich obrębie).

Powrót na górę

Nigdy nie wolno zapominać o dodaniu do znacznika <IMG> atrybutów HEIGHT i WIDTH, określających wymiary obrazka. Grafiki o zdefiniowanych rozmiarach ładują się szybciej, ponieważ przeglądarka nie potrzebuje sprawdzać sama ich wielkości. Poza tym jeśli część obrazów na stronie nie załaduje się, bądź strona zostanie odczytana przez przeglądarkę z wyłączoną opcją wyświetlania grafiki (wiele osób tak robi przy wolnych łączach), to witryna zachowa swój układ pomimo braku obrazów. Ostatnią zaletą jest możliwość skalowania grafiki za pomocą atrybutów HEIGHT i WIDTH, możemy np: rozciągnąć jednopikselowy obraz na całą stronę, tworząc linię.

Powrót na górę

Jeśli wykorzysujemy jeden element graficzny w kilku miejscach na stronie, jest on ściągany z serwera tylko raz. Wielokrotne wkorzystanie jednej grafiki nie przedłuża czasu ładowania strony. W ten sposób możemy śmiało umieścić kilka identycznych obrazów bez obawy o zbytnie obciążenie strony.

Powrót na górę

Trzeba przyznać, że duża ilość animowanych GIF-ów na stronie wygląda bardzo efektownie. Jednak na dłuższą metę animacje stają się denerwujące, rozpraszają i przeszkadzają w czytaniu. Po drugie, pliki z animacją zawszę ważą więcej od statycznych obrazów, przez co czas ładownia strony może się znacznie wydłużyć. Animacje należy umieszczać tylko wtedy gdy jest to naprawdę niezbędne. Jeśli nie są konieczne, stanowią tylko niepotrzebny fajerwerk.

Powrót na górę

Pamiętaj, że niektóre efekty można uzyskać stosując czysty kod HTML zamiast grafiki. Im mniej niepotrzebnych obrazów, tym lepiej dla prędkości ładowania się strony. Dobrym przykładem jest użycie tabel z kolorowymi tłami lub linki <HR>.

Powrót na górę

Przy bardzo dużych objętościowo obrazach, dobrze jest zrobić ich lżejsze kopie i umieścić w atrybucie LOWSRC dla znacznika <IMG> obok normalnego SRC. Dzięki temu odbiorca strony będzie mógł zobaczyć słabszą jakościowo wersję obrazka zanim załaduje się normalnej jakości, ale większa grafika.

Powrót na górę

Umieszczając na stronie kolorowe tła w postaci grafik należy dokładnie sprawdzić czy tekst nie zlewa się z tłem, przez co staję się nieczytelny. Dobrze jest dobrać kolor tekstu, który mocno kontrastuje z kolorem tła. Nie należy zapominać, że najbradziej czytelny jest, klasyczny, czarny tekst na białym tle. Najmniej męczy on oczy. W przypadku dużej ilości tekstu najlepiej zostać przy standardowych rozwiązaniach.

Powrót na górę

Przygotowując stronę na której chcemy zaprezentować duża ilość obrazów, np: galerię zdjęć, należy zrobić miniatury wszystkich obrazów będące jednocześnie linkami do normalnych wersji obrazów. Oszczędzamy przez to czas zwiedzającym. Nie będą musieli czekać na załadowanie wszystkich dużych grafik, a jedynie miniatur i wybiorą te które ich interesują.

Powrót na górę

Obrazki w formacie GIF zawsze zapisuj z opcją przeplotu, zmniejsza to dodatkowo wielkość pliku.

Powrót na górę

Skanując zdjęcia do wykorzystania na stronach WWW wystarczy skanować w rozdzielczości 72 dpi. Wyższe rozdzielczości przydają się dla obrazów przeznaczonych od druku.

Powrót na górę

następna strona >>