Kako podesiti CSS sprajtove na wordpress sajtu?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Radio sam analizu brzine sajta na gtmetrix.com/. Taj alat pokazuje da treba da napravim CSS sprajtove za slike od teme.

Čitao sam razna uputsva na engleskom, ali s obzirom da ne znam baš najbolje engleski, ne mogu da skapiram kako se to tačno radi.

Koristio sam ovaj alat timc.idv.tw/canvas-css-sprites/en/ za pravljenje css sprajtova. Taj alat je napravio sliku i CSS kod koji treba da otpremim na sajt.

Napravljenu sliku sam otpremio u direktorijum: public_html/wp-content/themes/periodic/images/backgrounds

CSS kod sam dodao u fajl: /public_html/wp-content/themes/periodic/style.css

Da li je ovo ispravno uradjeno i ako nije gde grešim?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ukoliko je alat za pravljenje CSS sprajtova dobro odradio svoj deo, onda si ti to dobro postavio, ali pod uslovom da je u generisanom CSS-u pravilno uneta putanja do slike.

Međutim, pogledao sam malo i taj alat. Ja ga lično nikada ne bih koristio jer on zaista pravi sprajt slike, ali tako što pojedinačne cele slike spaja u jednu. Vrlo malo se dobija u brzini učitavanja sajta kada umesto dve manje slike učitava jednu duplo veću. Dobija se samo jedan upit manje, a na veličini slike se dobija ništa.

Mnogo bolje je to raditi polako, "peške". U Photo Shop-u rastaviti sve slike koje se mogu rastaviti na delove, spojiti ih onako kako nam odgovovara i pisati CSS kod.

Navešću ti primer: Pažljivo pogledaj ovu sliku:



Sa dve slike urađene po ovom principu sam ja rešio pozadine svih elemenata na sajtu spytech.rs.

Ako želiš detaljnije objašnjenje, možemo se i time pozabaviti.

Pozzz...