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. CSS3 Linear Gradient, Fitur Baru Opera 11.11
  2. Tips dan Tricks CSS (Cascading Style Sheets)
  3. CSS3 Animation, Zoom In Zoom Out, Rotation
  4. Yesterday, The Beatles
  5. Modifikasi Tampilan Halaman Daftar Isi
  6. Cara Mengganti Background Theme WordPress
  7. Cara Mengganti Font Dalam Postingan
  8. Mempercantik Tampilan Code Snippets Dengan CSS
  9. Custom CSS Per Post
  10. Border Style, Border Width, Border Color
  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
1+5=? (Wajib diisi)