Home » CSS » CSS Image Sprites Generator

CSS Image Sprites Generator

10 Apr. 201229 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. Custom CSS Per Post
  2. Cara Menggabungkan File CSS WordPress
  3. Membuat Efek Text Stroke Dengan CSS
  4. Free CSS Button Generator
  5. CSS3, Sonic Mengejar Bola
  6. Membuat Menu Navigasi Dengan CSS3
  7. Border Style, Border Width, Border Color
  8. Source Code Main Remi Bersama Top Komentator
  9. CSS3 Linear Gradient, Fitur Baru Opera 11.11
  10. Modifikasi Tampilan Halaman Daftar Isi
  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

  8. 17-4-2018 at 16:52 | #8

    keren sekali mas cuma adalagi gak yang lebih powerfull dari ini…

    hehehe

    tq

    Reply

Comment pages
2+8=? (Wajib diisi)