Jaki format pociętych grafik?

[Moody]

Witajcie Panowie (i Panie?)

Chciałem zapytać tych co mają już spore doświadczenie. Mianowicie jak tniecie szablon to jakich grafik używacie. JPG, PNG, GIF?
Mam na myśli co jest najlepszym rozwiązaniem teraz. Chodzi o prędkość ładowania strony, ale również o jakość. Czy wszystkie pliki mają jeden typ czy stosujecie różnych na jednej stronie? Jeśli różnych to od czego to uzależniacie?

[Kartofelek]

Różne grafiki nadają się do różnych zastosowań. Warto poczytać o tym jakieś tutki albo zdobyć doświadczenie w praktyce.
Najogólniej:
png - przezroczystość
gif - animowany
jpg - reszta bo mniej waży od png, ale traci jakość na kompresji

Jpg nie zawsze mniej waży od png, png od gif, gif od png itp. Doświadczenie.
A i na koniec. Warto stosować CSS sprite, czyli część elementów wrzucasz do jednego png i wrzucasz je jako odpowiednio dopasowane tło. Ale o CSS Sprite też znajdziesz multum tutoriali.

[Moody]

Wiem o co chodzi. Najczęściej do menu to się stosuje te sprity? Mamy zwykłe tło i tło po najechaniu myszką. I po prostu na jednym pliku operujemy. Dobrze rozumuję?

No tak, ale np mam duże tło na stronę, bo takie, które nie jest powtarzalne i jest spore. To jpg czy png być wybrał?

[Heyek]

Cześć, do menu to najczęściej używa się obrazków w jpg w szerokości 1px i ustawiasz w css powtórzenie poziome.

Tło najlepiej zrobić w jpg jeśli nie potrzebujesz przeźroczystości w tle bo duży obrazek, dużo waży. Tylko uważaj na jakoś jpg, w photoshop'ie przy zapisie ustawiasz w skali od 1 do 12 jakość obrazu.

[hieroshima]

Wiem o co chodzi. Najczęściej do menu to się stosuje te sprity? Mamy zwykłe tło i tło po najechaniu myszką. I po prostu na jednym pliku operujemy. Dobrze rozumuję?

No tak, ale np mam duże tło na stronę, bo takie, które nie jest powtarzalne i jest spore. To jpg czy png być wybrał?

jpg

[camelrafal]

standardowo jpg

jezeli potrzebujesz przezroczystosci to albo gif albo png

gif obsluguje tylko przezroczystosc typu 0 lub 1 czyli albo obszar jest kompletnie przezroczysty albo kompletnie widoczny

a jezeli potrzebujesz niektóre elementy częściowo niewidoczne(np cień) to już tylko png

[nst]

Osobiście uważam, że jeśli tło jest dużym obrazkiem to można dać jpg, natomiast większość śmiało można zrobić w png jako sprajta. Dobrym sposobem na zmniejszenie wagi tła jest zrobienie go np w 800x600, dopasować wielkość do okna a żeby nie było widać pikselozy nałożyć na to jakąś półprzezroczystą teksturę w png.