Grafika - templatka do presta

[Yukatan]

Witajcie czy zrobienie grafiki dla sklepu www jest jakieś trudniejsze od tej na zwykłą www?

Co decyduje o tym że strona jest lżejsza od innej która ma więcej grafiki, chodzi mi o to czy są jakieś różne metody dodawania grafiki czy to indywidualna sprawa?

Ja np potrzebuje aby strona 90kb wczytywała się maks 0,5 sek.

[lords]

Decyduje stopień kompresji i rozmiar grafiki, ilość szczegółów, sposób zapisu itp. Przykładowo grafikę w PS możesz zapisać 'normalnie' lub z użyciem 'Save for web', który daje znacznie mniejszy obrazek. Duży obrazek przykładowo jednego koloru może zajmować dużo mniej kb niż mały obrazek z dużą ilością szczegółów.

BTW google na neo wczytuje się 1,39 wg firebuga więc 0,5s jest raczej nie realne

[Yukatan]

Po ostatniej zmianie strona waży 89kb po kolejnej boje sie że będzie więcej .Na opera i chrome wczytuje

sie w 0,6s a firefox 3,69s czemu tak jest a jak na złość 80% odwiedzających są z tej ostatniej?

Strona ma wiele linków wew. prawie jak katalogi,około 300wychodzących z głównej

[5corpio]

3 formaty są najlepsze na stronki:

• jpeg - zdjęcia etc.
  
• gif - proste obrazki np. ikonki z mała paletą kolorów wtedy właśnie można machnąć przez save for web i będzie zoptymalizowana paleta kolorów specjalnie
  
• png - ma kanał przezroczystości więc lepiej od gifa się sprawuje w tych klimatach poza tym też całkiem ładnie optymalizuje niektóre grafiki (trzeba porównać czasem z innym formatem)
  

Dodatkowo możesz z plików np. jpg usunąć dane EXIF (chyba tak to się nazywało) np. poprzez program exifStripper (ubędzie od kilku nawet czasem do kilkunastu %). do PNG plików np. na internecie wystarczy wpisaćPNG optimizer i możesz pobrówać przez to też trochę zmniejszyć grafikę (wszystko doświadczalnie).

Potem po stronie serwera ew. możesz jeszcze włączyć kompresje GZIP.

Jak już chcesz jechać też po całości to możesz bawić się w kompresowanie plików *.js dodatkowo albo np PSPad ma opcje usuwania różnych białych znaków do kodu *.css *.html etc. to też ubędzie ci kilku KB zależy jak hardcorowo chcesz pojechać po linii

w chrome chyba jest taki dodatek, który testuje stronę i wyrzuca różne podpowiedzi. Kod *.js/*.css też można chyba dzielić na trochę mniejsze pliki to wtedy jednoczenie wczytuje go szybciej przeglądarka (ale tego już nie testowałem i nie wiem)

W preście dodatkowo masz jeszcze w zakładce bodajże Optymalizacja? Różne możliwości: cache-owanie, kompilowanie szablonu by nie pobierał go zawsze etc.

[Romanticus]

Zgadzam się i popieram 5corpio - dobrze pisze.

0.5 sek raczej mało realne - ale powalczyćzawsze można...