Heroicons UI, Kumpulan Gambar Ikon SVG Premium Baru
https://www.codepolitan.com/heroicons-ui-kumpulan-gambar-ikon-svg-premium-baru-5a5cb14ac0570

#assets #vector #gambar #grafik

unDraw, kumpulan gambar untuk placeholder atau gambar ilustrasi sebelum konten utama termuat, atau untuk tujuan gambar yang lainnya, gratis dan dengan lisensi MIT

https://undraw.co/illustrations
https://undraw.co

#assets #svg #vector #gambar #image

#Carbon , layanan untuk membuat #gambar dari potongan source code yang kita buat. Tujuannya, memberikan gambar potongan kode di presentasi, di sosmed, atau di tweet

https://carbon.now.sh

#showcase

Hi Semuanya,
Saya ingin memperkenalkan Seri Video saya tentang Gambar dan Video di NodeJS, saat ini sudah ada 5 Video.

Jika ada masukkan untuk Video beikutnya boleh di japri di @julianalimin

1. Pengenalan dan Upload File dengan Multer
Pada Video perdana ini saya memperlihaykan betapa mudahnya mengupload File menggunakan Multer
https://youtu.be/QgF9OEE4-xs

2. Customisasi Multer dan Serve Gambar di NodeJS
Sebelumnya sudah bisa mengupload Gambar, tetapi sekarang kita ingin agar Gambarnya bisa di Serve.
Sekalian saja kita buat SPA tanpa Framework untuk upload dan serve gambar.
https://youtu.be/d8NXa7XyVlc

3. Menerima Gambar Base64 di NodeJs (Bonus Webcam)
Pernah tidak dipaksa harus menerima gambar di backend dalam bentuk base64? Disini saya perlihatkan bagaimana caranya untuk mengolah Base64 string tadi menjadi sebuah file di Backend.
Sebagai Bonus saya menggunakan implementasi Webcam sederhana untuk mengenerate string base64 nya.
https://youtu.be/QtU_Sq9NJoY

4. Membuat Watermark dengan Jimp
Semakin banyak kebutuhan untuk bisa melakukan manipulasi gambar di Backend. Dengan Jimp kita bisa lakukan semua itu TANPA memerlukan dependency tambahan. Tapi ada kekurangan dari Jimp yang akan dijelaskan juga disini.
https://youtu.be/DJ_JrV4RQ8w

5. Membuat Watermark dengan Sharp
Jimp bisa digunakan dengan cepat karena tidak membutuhkan dependency. Tetapi seperti dijelaskan sebelumnya, Jimp menghabiskan banyak sekali resource. Sharp dapat menjadi solusi walaupun dia membutuhkan beberapa Native Component agar bisa bekerja dengan baik. Sekalian diberikan hasil komparasi speednya dengan Jimp.
https://youtu.be/zmzSvBHkNwY

#nodejs #multer #jimp #sharp #gambar