GoldenLine
Zaloguj się
Adrian Kosiński

Adrian Kosiński Webmaster

Temat: Optymalizacja ładowania grafiki.

Witam,
Mam pytanie odnośnie zoptymalizowania grafiki na stronę. Często zdarza się że potrzebuję wyświetlić kawałek sporej grafiki w kilku miejscach np.: jakieś wycinki szablonu, ale potrzebuje też mieć całość tej grafiki i jeżeli jest tego np 10 plików to czas ładowania strony jest dosyć spory. I głównie chciałbym się dowiedzieć jak Wy to robicie czy w css, php, a może tworzycie dwa pliki (wycinek i całość). Osobiście robię to na jednym pliku zmniejszając/wycinając w css potrzebną część . Oczywiście grafika jest wcześniej optymalizowana w photoshopie.
Link do wypowiedziLink
Piotr Kuśpit

Piotr Kuśpit Freelancer,
programista php

Temat: Optymalizacja ładowania grafiki.

nie bardzo rozumiem o co konkretnie pytasz, ale istnieje coś takiego jak css sprites (chyba, ze uzywasz tego mówiąc,ze robisz jeden plik i cssem go "tniesz"). w zależnosci od tego co robisz, czasami lepiej pociąć na kilka elementów i załadować, a czasami zostawić jeden. sprecyzuj co chcesz konkretnie osiągnąć
Link do wypowiedziLink
Roch Szatan

Roch Szatan As

Temat: Optymalizacja ładowania grafiki.

sprites albo lazy loading to podstawa, ale zależy od potrzeby
Link do wypowiedziLink
Adrian Kosiński

Adrian Kosiński Webmaster

Temat: Optymalizacja ładowania grafiki.

CSS Sprites używam do grafik na stronie (ikony,tła itp). Konkretnie chodzi o to, że mam np portfolio/sklep czy inny portal na którym znajduje się sporo grafik (dużej rozdzielczości) różnych produktów i konkretnie chodzi mi o jakiś sposób aby te grafiki się szybciej ładowały. A potrzebuję mieć miniaturkę i dostęp do zdjęcia w pełnej rozdzielczości.
Link do wypowiedziLink
Adam Pawliczek

Adam Pawliczek Usability expert, UX
designer,
Interaction
specialist

Temat: Optymalizacja ładowania grafiki.

Adrian Kosiński:
Konkretnie chodzi o to, że mam np portfolio/sklep czy inny portal na którym znajduje się sporo grafik (dużej rozdzielczości) różnych produktów i konkretnie chodzi mi o jakiś sposób aby te grafiki się szybciej ładowały. A potrzebuję mieć miniaturkę i dostęp do zdjęcia w pełnej rozdzielczości.
Nie rozumiem o co Ci chodzi... albo jaki efekt chcesz uzyskać. Może jakiś preloading powiększeń?
Link do wypowiedziLink
Maciej Jankowski

Maciej Jankowski Właściciel

Temat: Optymalizacja ładowania grafiki.

Chodzi o jakiś skrypcik php który generuje miniatury?
Link do wypowiedziLink

konto usunięte

Temat: Optymalizacja ładowania grafiki.

<a href="duze_zoptymalizowane_zdjecie.jpg">
<img src="male_zoptymalizowane_zdjecie.jpg">
</a>
Link do wypowiedziLink
Adrian Kosiński

Adrian Kosiński Webmaster

Temat: Optymalizacja ładowania grafiki.

Dokładnie chodzi mi o generowanie miniaturek zdjęć pozostawiając oryginalny plik nienaruszony.
Oczywiście chciałbym żeby czas ładowania strony był jak najkrótszy bo tworzenie kilku miniaturek przy pomocy css strasznie wydłuża czas ładowania strony.
Link do wypowiedziLink

konto usunięte

Temat: Optymalizacja ładowania grafiki.

spróbuj phpThumb
http://phpthumb.sourceforge.net/demo/demo/phpThumb.dem...
Link do wypowiedziLink
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: Optymalizacja ładowania grafiki.

Adrian Kosiński:
Oczywiście chciałbym żeby czas ładowania strony był jak najkrótszy bo tworzenie kilku miniaturek przy pomocy css strasznie wydłuża czas ładowania strony.

Dlatego powinieneś tworzyć takie miniaturki po stronie serwera (np. polecane przez Piotra phpThumb). I to w dodatku nie podczas ładowania strony lecz np. podczas dodawania produktu do bazy danych - generując takie miniaturki przy każdym wyświetleniu strony mógłbyś zamiast skrócić czas ładowania strony jeszcze bardziej go wydłużyć.

Nie bardzo wiem co masz na myśli jako tworzenie miniaturek w CSS ale nieważne czy chodzi Ci o nadawanie poprzez CSS-a wysokości/szerokości obrazka czy ustawianie go w tle i nadawanie background-size (działa od IE9 w górę) to zawsze zostanie pobrana z serwera grafika w pełnej rozdzielczości i zostanie przeskalowana po stronie klienta.Marcin Gościcki edytował(a) ten post dnia 30.01.13 o godzinie 16:32
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj