2 Alat Gratis Untuk Mempersiapkan Gambar Untuk Web [Mac]

Iklan

Salah satu cara untuk meningkatkan kata-kata Anda adalah dengan menambahkan gambar terkait ke teks. Semakin banyak gambar yang Anda gunakan, semakin spicier cerita Anda. Namun dalam hal halaman web dan blog, lebih banyak gambar juga sama dengan ukuran halaman yang lebih besar dan waktu pemuatan yang lebih lama - sesuatu yang harus dihindari oleh setiap pemilik web. Jika menghilangkan gambar bukan pilihan, satu-satunya hal yang harus dilakukan adalah mengoptimalkannya untuk web.

Sayangnya, mengoptimalkan gambar untuk penggunaan web tidak selalu berjalan di taman, terutama jika Anda harus berurusan dengan banyak dari mereka secara teratur. Jika Anda pengguna Mac, ada beberapa alat gratis yang dapat membantu Anda meminimalkan kesulitan menyiapkan gambar web.

Memperoleh Gambar

Saya tidak akan melangkah terlalu jauh di sini karena topik ini sudah dibahas beberapa kali. Ada banyak cara Anda dapat memperoleh gambar untuk web, dari mengambil gambar Anda sendiri menggunakan a kamera digital Panduan Pemula Untuk Fotografi Digital

Fotografi digital adalah hobi yang hebat, tetapi juga bisa mengintimidasi. Panduan pemula ini akan memberi tahu Anda segala yang perlu Anda ketahui untuk memulai! Baca lebih banyak , menggunakan Creative Commons berlisensi gambar-gambar, untuk menyaring pengambilan gambar di desktop Anda.

Berbicara tentang tangkapan layar, ada beberapa alat Mac gratis 5 Alat Pengambilan Layar Alternatif untuk Mac Anda Baca lebih banyak yang dapat Anda gunakan untuk tujuan ini. Saya pribadi menggunakan keduanya Jing Cara Mengambil Gambar Tangkapan Layar yang Lebih Baik Dengan Jing (Mac) Baca lebih banyak atau Skitch.

Ubah Ukuran & Ubah Nama Menggunakan ResizeMe

Sebagian besar waktu, Anda tidak akan mendapatkan ukuran gambar yang benar pertama kali - baik ukuran gambar (piksel) atau ukuran file (byte).

Keterbatasan untuk ukuran gambar biasanya berasal dari sudut pandang desain. Anda tidak boleh meletakkan gambar selebar 600 piksel pada kolom blog seluas 500 piksel. Ini akan keluar dari perbatasan dan membuat penampilannya jelek.

Untuk mengatasi masalah piksel, Anda dapat memotong atau mengubah ukuran gambar yang terlalu besar. Saya menemukan alat hebat yang disebut ResizeMe yang dapat membantu Anda melakukan tugas-tugas tersebut - dan banyak lagi - dalam jumlah besar.

Menggunakan ResizeMe semudah menyeret dan menjatuhkan gambar yang ingin Anda modifikasi ke dalam daftar file.

Pilih tindakan yang ingin Anda terapkan pada gambar-gambar itu. Pada gambar di bawah ini saya mengatur aksi untuk memperkecil gambar yang lebih lebar dari 580 piksel tanpa mengubah ketinggian. Saya juga mengatur tindakan untuk tidak mengubah gambar apa pun dengan lebar lebih kecil dari lebar maksimum.

Aplikasi ini juga memungkinkan pengguna untuk memotong gambar ke ukuran yang diinginkan. Memotong gambar yang sangat besar menjadi beberapa yang lebih kecil lebih disukai daripada mengubah ukuran, karena sebagian besar kali mengubah ukuran akan menurunkan kualitas gambar dan membuat gambar tidak jelas.

Jika Anda menggunakan beberapa gambar untuk setiap artikel blog yang Anda tulis, akan lebih baik jika Anda mengatur set dengan menambahkan kata-kata kunci yang mirip dengan nama mereka. Misalnya, gambar untuk artikel tentang alat tangkapan layar dapat diubah namanya menjadi “scrnsht - image1“, “scrnsht - image2", dan seterusnya.

Anda dapat menggunakan bantuan Automator untuk batch mengubah nama gambar Cara Menggunakan Automator Untuk Mengganti Nama Gambar di Mac Baca lebih banyak pada Mac Anda, atau untuk sistem penggantian nama yang lebih fleksibel, Anda dapat mencoba utilitas seperti NameChanger Batch Ubah Nama File Anda Dengan Mudah - Gaya Mac (Hanya Mac) Baca lebih banyak . Jika Anda tidak ingin menggunakan aplikasi lain, ResizeMe juga dilengkapi dengan kemampuan mengubah nama file. Cukup pilih fungsi dari daftar, periksa “Ganti nama", Dan tuliskan instance yang Anda ingin diganti namanya.

Ubah Ukuran Lainnya Menggunakan ImageOptim

Faktor ukuran lain yang harus kita tangani adalah ukuran file. Kami membutuhkan ukuran gambar yang lebih kecil dengan tetap mempertahankan kualitas gambar. Kebanyakan manipulator gambar raksasa hadir dengan kemampuan untuk membuat gambar web siap. Tetapi jika yang Anda butuhkan adalah mengompres ukurannya, Anda bisa menggunakannya ImageOptim.

Mirip dengan ResizeMe, menggunakan ImageOptim juga drag dan drop sederhana. Semua gambar yang Anda masukkan ke dalam aplikasi akan secara otomatis dioptimalkan ke ukuran sekecil mungkin tanpa mengorbankan kualitas. Itu keajaiban dengan menemukan parameter kompresi terbaik dan dengan menghapus komentar yang tidak perlu dan profil warna.

Kolom persen akan memberi tahu Anda berapa banyak mengasapi aplikasi dapat menghilangkan dari gambar. Perfeksionis dapat menggunakan "Lagi"Tombol untuk membantu mereka memeras beberapa persen dari ukuran gambar. Anda dapat menekan tombol beberapa kali hingga kolom persentase menunjukkan 0%.

Dengan membandingkan hasilnya, kita dapat melihat bahwa ImageOptim melakukan tugasnya dengan baik. Terkadang dapat menghilangkan lebih dari 50% dari berat gambar.

Ini sebelum menggunakan ImageOptim.

Dan ini setelahnya.

Meskipun jumlahnya sama dengan hanya beberapa kilobyte dari ukuran gambar masing-masing, ketika Anda menambahkan semuanya, kilobyte kecil itu bisa berarti sesuatu untuk ukuran dan bandwidth situs secara keseluruhan.

Apa yang saya sukai dari aplikasi ini adalah ia hadir dengan alur kerja. Jika Anda membuka alur kerja dengan Automator dan menyimpannya, itu akan diubah menjadi layanan Mac. Karena kamu bisa tetapkan pintasan ke layanan Cara Menjadi Lebih Produktif di Mac dengan Bantuan Layanan Baca lebih banyak , Anda dapat menggunakan aplikasi lebih cepat hanya dengan memilih gambar untuk mengoptimalkan dan menekan kombinasi jalan pintas.

Dari pengalaman pribadi saya, saya dapat mengatakan bahwa kombinasi ResizeMe dan ImageOptim telah membantu saya menghemat banyak waktu dalam mempersiapkan gambar untuk penggunaan web. Tetapi jangan mengambil kata-kata saya untuk itu, coba sendiri dan bagikan pendapat Anda dalam komentar di bawah. Dan jika Anda memiliki favorit sendiri, bebaslah untuk membagikannya juga.