Gravisware

About web design, tips, tutorial, & more…

  • Home
  • Tips dan Tutorial
  • Download & Item Terbaik
  • Informasi
 

Gravisware

About web design, tips, tutorial, & more…

  • Home
  • Tips dan Tutorial
  • Download & Item Terbaik
  • Informasi

The Company

web design solo
web design solo

Tulisan Terbaru

  • 10 Keunggulan Aplikasi Berbasis Web
  • Contoh Website Profesional dan Cara Membuatnya
  • Contoh Website Perusahaan Terbaik dan Cara Membuatnya
  • Jadikan Desain Websitemu Jadi Kenyataan
  • Mempelajari Kecepatan Internet di Aducepat.com
  • WEB Sebagai Sarana Pengembangan Usaha Kecil Menengah
  • 2 Template Blogger Responsive Minimalist Untuk Blog Pribadi

Pencarian

The Network

akun.biz

travel indonesia

  • Home
  • Tentang Kami
  • Facebook
  • Syarat & Ketentuan
  • Kebijakan Privasi
  • Peta Situs
  • Kontak
Gravisware official Blog of Gravis Website Design
©2023 All Rights Reserved
Optimasi Gambar untuk Web dengan Adobe Photoshop

Optimasi Gambar untuk Web dengan Adobe Photoshop

Ditulis oleh Christian Tandi, pada tanggal 15 Nov 2010, di kategori Informasi.

Ketika menambahkan gambar pada website Anda, pastinya menggunakan gambar dengan kualitas yang bagus. Tetapi yang perlu Anda ingat, gambar dengan kualitas yang bagus biasanya mempunyai ukuran file yang sangat besar. Sebenarnya tidak jadi masalah jika koneksi internet Anda cepat. Tetapi, ini akan menjadi masalah bagi pengunjung website Anda, karena akan merasakan dampak dari gambar-gambar yang Anda upload berukuran besar, yang mengakibatkan kinerja membuka website Anda menjadi lambat. Oleh karena itu optimasi gambar untuk website merupakan salah satu cara yang efektif untuk mempercepat kinerja website Anda.

Oleh sebab itu, disarankan untuk setiap gambar yang akan digunakan untuk artikel website sebaiknya dioptimasi terlebih dahulu. Optimasi berarti, gambar tersebut harus disesuaikan dengan format dan ukurannya agar bisa tampil maksimal dalam website. Salah satu software yang bisa digunakan untuk optimasi gambar yaitu dengan Adobe Photoshop.

Langkah-langkah untuk optimasi gambar menggunakan Adobe Photoshop:

  1. Buka gambar yang ingin Anda optimasi dengan menggunakan Photoshop lewat menu “File -> Open”
  2. Setelah gambar terbuka, klik kanan pada window gambar tersebut, kemudian klik “Image Size” maka muncul sebuah window image size. optimasi gambar web dengan photoshop 1
  3. Pada window image size, aturlah ukuran gambar tersebut. Masukkan ukuran yang diinginkan. Lebar (width) maksimum yang biasa digunakan untuk artikel dalam website yaitu 640 pixels, lebih kecil lebih baik. Sedangkan resolusi yang dibutuhkan yaitu 72 pixels/inch. Setelah ukuran disesuaikan, klik “OK” untuk melaksanakan perubahanoptimasi gambar web dengan photoshop 2
  4. Setelah ukuran gambar berubah, langkah selanjutnya adalah mengekspor foto ke format yang sesuai dengan website. Pada menu, buka “File -> Save for Web and Devices” atau bisa juga dengan menggunakan shortcut Ctrl+Alt+Shift+S, selanjutnya akan muncul window Save for Web & Devices.
  5. Pada preset, pilihlah “JPEG” dan “Medium”. Pastikan pula ada tanda cek pada opsi “Progressive”. Lalu tekan “Save” untuk menyimpan gambar hasil optimasi ini (Anda bisa menyimpan file baru atau menimpa file asli, sesuai kebutuhan).optimasi gambar web dengan photoshop 3 1
  6. File baru hasil optimasi tadi sudah siap diupload dan dipergunakan untuk website Anda.
Baca Juga
Cara Install Modules Prestashop

Cara Install Modules Prestashop

Kategori: Informasi
Desain web minimalis

Web Design Minimalis: Tetap Manis

Kategori: Tips dan Tutorial
Ilustrasi dalam Design Web

Ilustrasi dalam Design Web

Kategori: Tips dan Tutorial
Free Download 14 Wordpress Template Terbaik untuk Blog

Free Download 14 WordPress Template Terbaik untuk Blog

Kategori: Item Terbaik
Cara Install CMS Prestashop di PC Lokal

Cara Install CMS Prestashop di PC Lokal

Kategori: Informasi
gravisware logo

Selamat Datang

Kategori: Informasi
web design solo
web design solo
Share this!

4 tanggapan untuk “Optimasi Gambar untuk Web dengan Adobe Photoshop”

  1. bram berkata:
    11 Desember 2013 pukul 01:01

    Informasi menarik dan sangat bermanfaat, terimakasih gan dari artekel yang di dalamnya mengandung banyak informasi.

    Balas
  2. Unknown berkata:
    11 Desember 2013 pukul 01:02

    Terimakasih banyak gan untuk artikel-artikelnya, saya akan berterima kasih bila agan mempersilakan saya untuk terus berkunjung ke blog ini walaupun dengan status saya yang sbagai spammers. Maka dari itu saya mohon maaf yang sebesar-besarnya.

    Balas
  3. Unknown berkata:
    11 Desember 2013 pukul 01:02

    memangnya harus di eit pake photoshop dulu ya bang,tidak bisa langsung di add ke website/ blog?

    Balas
  4. Joddie berkata:
    11 Desember 2013 pukul 01:03

    Kalo add gambar kan tetap lewat website/blognya kan. Photoshop hanya sebagai media optimasi gambar yang mempunyai ukuran file besar. Sebenarnya tidak jadi masalah jika koneksi internet Anda cepat. Tetapi, ini akan menjadi masalah bagi pengunjung website Anda, karena akan merasakan dampak dari gambar-gambar yang Anda upload berukuran besar, yang mengakibatkan kinerja membuka website Anda menjadi lambat. Oleh karena itu optimasi gambar untuk website merupakan salah satu cara yang efektif untuk mempercepat kinerja website Anda.

    Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *