Blog - Szara Myszka

v.2.0 beta
Błędna wartość taga lub kategorii
Login: Hasło:

2010-07-16 13:15:16: Kolejne podbicie wersji bloga po pewnym czasie ciszy

CSS - Skalowanie obrazka

internet Dodano: 2010-02-05 23:42:53
Edytowano: 2010-02-05 23:42:53

Spis treści


Tak, wiem, obrazków nie powino się skalować, lecz czasem sytuacja tego wymaga. Tak jak ja na blogu, gdy wklejam do wpisu obrazki, wklejam je normalnej wiekości (nie jestem głupi i nie daję plików 6mb).

Najprościej - width 100%

Oczywiście, że sposób działa. Rzekłbym, że w 100% Oczywiście wszystko byłoby fajnie, gdyby nie to, że skalowało mi jedynie szerokość. Użyłem następującej rzeczy:

width:100%;height:auto;

Teraz działą bez problemu. Nie jest to rozwiązanie idealne.

Najlepiej

Najlepiej to wstawiać miniaturki. Strona szybciej się wczyta, my oszczędzimy transfer o ile ktoś nie chciał zobaczyć dużej wersji obrazka. Wymaga to albo 2 plików, albo odpowiedniego skryptu PHP. Nie będę sie rozpisywać nad czymś o czym nie mam większego pojęcia, bo sama  biblioteka GD w PHP jest dość rozbdowana

Co wybrać?

Wszystko zależy od grupy docelowej jak i sensu marnowania czasu na pisanie skryptu Ja nie często wstawiam obrazki szersze niż to powinno być (stała szerokość strony), dlatego użyłem do tego celu CSS. Niestety nie zawsze owinno się tego używać. Przy większych plikach przeglądarka potrafi nieźle zwolinić (np. 50 zdjęć każde po 6mb).


Zobacz również

Nic nie pasuje? Polecam użyć wyszukiwarki na górze strony.

Wróć

Komentarze

Grzegorz Łuszczek pisze:
Nikt jeszcze nie napisał komentarza do tego wpisu, może Ty będziesz pierwszy?

Dodaj komentarz

Nick:
Jak mia� na imi� Juliusz S�owacki?:
0.292