Namun kali ini saya akan membagian cara termudah untuk membuat screenshot website terbaru yang tentu saja ini sangat berguna untuk blogger.
Iseng-iseng saya menjelajahi fitur-fitur dari Staticaly. Ternyata ada fitur keren lainnya selain untuk Favicon, yaitu fitur Screenshot.
Dengan fitur screenshot dari Staticaly, kita dapat dengan mudah menampilkan screenshot sebuah halaman website tanpa perlu sebuah tool, bahkan kita tidak perlu membuka halaman websitenya yang ingin kita ambil gambarnya.
Caranya cukup mudah, jika Anda ingin mencobanya silahkan ikuti langkah-langkahnya di bawah ini.
1. Gunakan URL berikut untuk screenshot halaman
https://cdn.statically.io/ss/URL
Contoh:
https://cdn.statically.io/ss/www..com
Atau
https://cdn.statically.io/ss/www..com/2019/08/cara-termudah-screenshot-website-2019.html
Secara default, Staticaly akan membuat screenshot halaman dengan dimensi gambar 1280x960.'2. Simpan gambar sebagai PNG atau JPEG
Jika Anda ingin mengambil screenshot halaman dan ingin mengeditnya di komputer, Anda bisa menyimpan screenshot dengan format PNG atau JPEG.
Silahkan akses dengan URL berikut, lalu klik kanan di gambar dan pilih Save Image as.
https://cdn.statically.io/ss/URL?type=png
Atau
https://cdn.statically.io/ss/URL?type=jpeg
Contoh:
https://cdn.statically.io/ss/www..com?type=png
Atau
https://cdn.statically.io/ss/www..com/2019/08/cara-termudah-screenshot-website-2019.html?type=jpeg
3. Ambil screenshot full pageKita bisa mengambil screenshot full page dengan URL berikut:
https://cdn.statically.io/ss/URL?fullPage=true
Contoh:
https://cdn.statically.io/ss/www.kompiajaib.com?fullPage=true
Atau
https://cdn.statically.io/ss/www.kompiajaib.com/2019/08/cara-termudah-screenshot-website-2019.html?fullPage=true
4. Atur kualitas screenshotKita bisa mengatur kualitas gambar dengan URL berikut:
https://cdn.statically.io/ss/URL?quality=75
Contoh:
https://cdn.statically.io/ss/www..com?quality=75
Atau
https://cdn.statically.io/ss/www..com/2019/08/cara-termudah-screenshot-website-2019.html?quality=75
5. Ambil screenshot mode mobileJika halaman yang ingin kita ambil screenshot-nya mendukung tampilan mobile, kita bisa gunakan URL berikut
https://cdn.statically.io/ss/URL?mobile=true
Contoh:
https://cdn.statically.io/ss/www..com?mobile=true
Atau
https://cdn.statically.io/ss/www..com/2019/08/cara-termudah-screenshot-website-2019.html?mobile=true
6. Mengatur lebar atau tinggi halamanKita bisa mengatur lebar gambar dengan maksimal lebar 1280px dan atau mengatur tinggi gambar dengan maksimal tinggi 960px.
w
untuk width (lebar) dan h
untuk height (tinggi).
https://cdn.statically.io/ss/URL?w=500
Atau
https://cdn.statically.io/ss/URL?h=500
Contoh:
https://cdn.statically.io/ss/www..com?w=500
Atau
https://cdn.statically.io/ss/www..com/2019/08/cara-termudah-screenshot-website-2019.html?h=500
Namun untuk lebar dan tinggi ini tidak bisa digabung antara w
dan h
.7. Menggabungkan parameter
Semua parameter di atas bisa kita gabungkan atau kombinasikan seperti berikut ini:
Contoh:
https://cdn.statically.io/ss/www.kompiajaib.com?type=jpeg&quality=75&fullPage=true&mobile=true
Dan semua URL di atas bisa langsung kita jadikan sebagai URL src gambar seperti berikut ini
<img alt="Screenshot" src="https://cdn.statically.io/screenshot/.com?quality=80&type=png" width="1280" height="960" title="Screenshot" />
Seperti gambar berikut ini, silahkan cek HTML-nya:\Keren bukan?
Dengan ini sekarang kita bisa menampilkan gambar dari website mana pun dan mengaturnya dengan parameter yang disediakan agar sesuai dengan yang kita inginkan.
Semoga bermanfaat.