Home » CSS » CSS Image Sprites Generator

CSS Image Sprites Generator

10 Apr. 201228 comments
CSS Image Sprites Generator

Di postingan sebelumnya tentang  Cara Mengoptimasi Gambar Theme pernah saya katakan bahwa salah satu cara untuk meningkatkan kecepatan loading blog salah satunya yaitu kita harus mengoptimalkan dalam penggunaan gambar yang ada di theme, baik ukuran, skala gambar maupun jumlah gambar. Ketika kita menggunakan gambar yang cukup banyak dalam satu halaman, maka kita bisa menggunakan metode image sprite, yaitu menggabungkan beberapa image/gambar menjadi satu file kemudian kita tampilkan gambar-gambar tersebut dengan CSS Sprite (combine images into CSS sprites).

Dengan cara ini akan mengurangi jumlah http request dan parallelize downloads across hostnames. Ini juga sebagai salah satu cara untuk meningkatkan skor di pagespeed dan gtmetrix.com. Dan untuk membantu memudahkan dalam membuat image sprites berikut ini beberapa tool (website) CSS Image Sprites Generator yang bisa dimanfaatkan :

1. spritegen.website-performance.org

css sprites generator

2. csssprites.com

css sprites generator

3. css-sprit.es

css sprites generator

4. css.spritegen.com

css sprites generator

5. spritebox.net

css sprites generator

6.Canvas: CSS Sprites Generator

css sprites generator

Mudah-mudahan artikel tentang CSS Image Sprites Generator ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Membuat Background Pattern Dengan CSS3 Repeat Linear Gradient
  2. Mempercantik Tampilan Code Snippets Dengan CSS
  3. Membuat Menu Navigasi Dengan CSS3
  4. CSS3 Animation, Zoom In Zoom Out, Rotation
  5. Cara Membuat Tampilan Postingan Yang Berbeda-beda
  6. Yesterday, The Beatles
  7. Membuat Efek Text Stroke Dengan CSS
  8. Cara Mengganti Background Theme WordPress
  9. Bypass Template Path dan Stylesheet Path
  10. Cara Menggabungkan File CSS WordPress
  1. 1-8-2013 at 05:00 | #1

    Mantab gan infonya, saya tes dulu mudah-mudah berhasil

    Reply

  2. 27-8-2013 at 21:33 | #2

    tips yang bagus, terima kasih akan di praktekkan

    Reply

  3. 22-3-2014 at 15:05 | #3

    dalam penmsangan scripst ada syarantya gak gan

    Reply

  4. 16-4-2014 at 18:57 | #4

    waw bagus iartikelnya gan

    Reply

  5. 11-5-2014 at 20:11 | #5

    sangat menarik nih, ditunggu informasi selanjutnya ya

    Reply

  6. 16-5-2015 at 12:42 | #6

    nice gan.. di tunggu update nya.. (y)

    Reply

  7. 24-11-2016 at 09:59 | #7

    Ini keren mas… Info yang menarik untuk disimak

    Reply

Comment pages
1 2 32673
5+4=? (Wajib diisi)