Dalam posting ini, kita akan belajar cara mengunggah dan mengubah ukuran gambar menggunakan PHP. Di sini kita akan menggunakan kode PHP sederhana untuk mengunggah gambar dan mengubah ukuran gambar itu dengan bantuan data file gambar yang dikirimkan pengguna
Ketika Pengguna mengunggah gambar ke server maka pada saat itu halaman tidak akan disegarkan dan setelah selesai mengunggah gambar akan menampilkan gambar di halaman web tanpa penyegaran halaman
Saya telah membuat beberapa validasi untuk mengunggah gambar. Validasi seperti gambar dipilih atau tidak, format file gambar diperbolehkan, ukuran gambar. Jika validasi ini melewati file gambar maka setelah itu akan diunggah ke server
Langkah 1. Buat indeks baru. php
Di sini kita perlu mendefinisikan form dengan file input tag dan enctype=”multipart/form-data” form Enctype method. Ini akan membantu kami memilih dan mengirimkan file gambar ke skrip PHP
Langkah 2. Ubah ukuran kode PHP gambar
Di sini kita akan mendefinisikan skrip proses penanganan pengunggahan gambar dengan pembuatan gambar thumbnail dari file asli
Pengoptimalan gambar, yang menghasilkan ukuran file sekecil mungkin namun tidak kehilangan kualitas visual, merupakan langkah wajib sebelum pengiriman. Dengan begitu, Anda menghemat byte dan meningkatkan kinerja situs web karena semakin kecil file gambar, semakin cepat browser dapat mengunduh dan merendernya di layar pemirsa
Artikel ini menunjukkan cara mengompres gambar dengan PHP, salah satu bahasa sisi server yang paling umum untuk membuat aplikasi web
Salin tautan ke tajuk iniSemakin cepat gambar dimuat di situs web Anda, semakin besar kemungkinan pengunjung akan kembali, menghasilkan tingkat konversi yang lebih tinggi. Faktanya, setengah dari semua pengunjung mengharapkan situs web dimuat dalam dua detik. Survei dari Akamai dan Gomez mengungkapkan bahwa—
- Waktu muat yang lama merupakan faktor utama pengabaian halaman, yang menjadi lebih mungkin dengan setiap detik tambahan waktu muat. Hampir 40 persen pengunjung meninggalkan halaman setelah hanya tiga detik
- Tujuh puluh tiga persen pengguna seluler pernah mengalami masalah dengan waktu muat di perangkat mereka
- Penundaan satu detik dalam waktu muat dapat mengurangi kepuasan pengunjung sebesar 16 persen, yang menyebabkan penurunan tingkat konversi sebanyak tujuh persen atau lebih
Anda dapat mengompres gambar dalam PHP dengan salah satu cara berikut
- Melalui fungsi bawaan PHP, seperti imagejpeg(), yang mengambil jalur gambar keluaran dan spesifikasi kualitas antara 1 dan 100. Sebagai prasyarat, instal Perpustakaan Grafik GD PHP
- Melalui Pengoptimal Gambar PHP, pustaka PHP yang dibuat oleh Piotr Sliwa, yang memanfaatkan beberapa pustaka, termasuk OptiPNG, pngquant, dan [jpegoptim](http. //jpegclub. org/jpegtran/). Pengoptimal Gambar dapat memampatkan file gambar hingga 10-70 persen tanpa mengorbankan daya tarik visual
- Dengan PHP Image Cache, kelas PHP sederhana yang mengompres gambar dengan cepat. Setelah kompresi Gambar PHP selesai, Cache Gambar menyimpan gambar di browser Anda dan kemudian mengembalikan sumber gambar yang baru
- Dengan Imagick, ekstensi PHP asli untuk membuat dan memodifikasi gambar melalui API ImageMagick
Dengan Cloudinary, Anda dapat mengoptimalkan aset media secara efisien—apa pun bahasa pemrogramannya. Salah satu alasannya adalah, secara default, Cloudinary secara otomatis melakukan langkah pengoptimalan tertentu pada semua gambar yang diubah. Selain itu, kemampuan pengirimannya yang terintegrasi dan cepat melalui jaringan pengiriman konten (CDN) memastikan bahwa gambar ditampilkan dengan lancar di perangkat pemirsa. Klik di sini untuk mengklaim akun Cloudinary gratis selamanya
Cloudinary menawarkan kemampuan kompresi gambar berikut
Penyesuaian dan pengodean kualitas otomatis. Setelah Anda menambahkan parameter q_auto_ ke URL gambar, Cloudinary memilih tingkat kompresi kualitas optimal dan pengaturan enkode sesuai dengan konten gambar, formatnya, dan browser tampilan. Hasilnya adalah gambar terkompresi dengan kualitas visual yang superior. Lihat contoh ini.
Untuk menyempurnakan kualitas visual gambar Anda melalui otomatisasi, tambahkan q_auto:best. q_auto:low, q_auto:good, atau parameter q_auto:eco, seperti yang Anda inginkan
Pemformatan otomatis. Menambahkan parameter f_auto ke URL gambar menyebabkan Cloudinary memformat gambar secara optimal. Dalam kebanyakan kasus, pengguna Chrome akan menerima WebP (.webp); . jp2). Jika browser tidak mendukung salah satu format tersebut, Cloudinary mengirimkan gambar dalam format yang digambarkan oleh ekstensi file
Jika Anda menambahkan parameter f_auto dan q_auto ke URL gambar JPEG, algoritme kualitas otomatis Cloudinary menghentikan subsampling kroma, mempertahankan format JPEG tanpa beralih ke WebP. Itu adalah perlindungan kualitas karena format WebP lossy selalu berfungsi , yang mungkin mengurangi kualitas visual beberapa gambar
Mengubah ukuran dan memotong. Dengan menambahkan parameter lebar (pngquant3) dan tinggi (pngquant4) ke URL-nya, Anda dapat mengubah ukuran gambar dengan Cloudinary, seperti dalam contoh ini
Memuat contoh kode
Memuat contoh kode
Di sini, Cloudinary mempertahankan rasio aspek tetapi mengubah ukuran gambar ke tinggi dan lebar yang Anda tentukan
Memuat contoh kode
Cloudinary mendukung banyak mode pemotongan gambar. , , , , , , , , , , , , Dan
Salin tautan ke tajuk iniMengoptimalkan dan menyimpan gambar dengan benar adalah langkah penting untuk meningkatkan kinerja situs web. Kiat yang ditawarkan posting ini hanyalah permulaan. Lihat dokumentasi Cloudinary untuk ide lebih lanjut tentang pengoptimalan gambar JPEG tanpa mengorbankan kualitas dan transformasi gambar