Pocięcie grafiki w Photoshopie i wstawienie w CSS


(martinez2006) #1

Otóż mam taki problem. Posiadam logo zrobione w jpg, które zajmuje gdzieś jakieś 200kB. W stylach CSS mam taki kod do tego loga:

#logo {

		background:url(images/logo.jpg);

		width:752px;

		height:226px;

Chodzi o to że ten plik jest za duży i strona się otwiera wolno. Chcę go pociąć w Adobe Photoshop. Nie wiem tylko jak wstawić w style pocięte pliki.


(L337 Crew) #2

martinez2006 , a powiesz mi co da pocięcie go na fragmenty?

Jeżeli i tak wszystkie w sumie będą miały te 200 KB? Może estetyczniej wygląda, ale ja polecałbym zapisać go albo jako GIF, albo zwiększyć poziom kompresji...

Do tego wcale nie musi być photoshop - wystarczy zwykły irfanview, gimp i masa innego softu.


(martinez2006) #3

Czyli mam zapisać te swoje logo jako gif?


(L337 Crew) #4

Przy dobrych ustawieniach - powinna być spora różnica.

Trzeba próbować :wink:

pozdrawiam.


(_Sylwan_) #5

Dobrym sposobem na zmniejszenie wagi grafiki w photoshopie jest wybrać :

Plik> Zapisz dla weba (Alt+Shift+Crtl+S)


(Marek Ciarkowski) #6

a może przed wczytaniem całej strony dodaj zwyczajnie preloader