Rumah > Artikel > hujung hadapan web > Cara menggunakan Imej Unsplash dalam kod anda
Sebagai pembangun yang mengusahakan projek SaaS baharu, saya perlu memautkan beberapa imej Unsplash terus melalui URL mereka.
Pada mulanya, saya terjumpa artikel (pautan) yang mengesyorkan penggunaan https://source.unsplash.com/ API. Walau bagaimanapun, kaedah ini tidak lagi berfungsi dan hanya menyalin pautan dari medan URL tidak memberikan URL imej langsung yang diperlukan untuk pembenaman.
https://unsplash.com/photos/a-digital-illustration-of-the-letter-k-CnbzJXw5Hx4
Pilihan seterusnya yang saya cuba ialah menyalin URL imej dengan mengklik kanan padanya. Walau bagaimanapun, URL ini telah diisi dengan parameter yang tidak perlu yang saya tidak perlukan, yang memerlukan pengalihan keluar manual setiap kali. Contohnya:
https://images.unsplash.com/photo-1725610588086-b9e38da987f7?q=80&w=3500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
Sebagai pembangun malas yang mementingkan kecekapan, saya mendapati proses ini mengecewakan. Saya tidak mahu membersihkan URL secara manual setiap kali saya mahu menggunakan imej.
Jadi, selepas membuang terlalu banyak masa melakukan ini secara manual, saya melakukan perkara yang akan dilakukan oleh mana-mana pembangun yang malas yang tidak mahu melakukan tugasan berulang—saya membina sambungan Chrome. Memperkenalkan "CopySplash", sambungan Chrome yang anda tidak pernah tahu yang anda perlukan tetapi kini tidak boleh hidup tanpanya!
Dan bahagian yang terbaik? Ia adalah projek sumber terbuka! (GitHub) Jangan ragu untuk menyelami kod, menyumbang, mencadangkan ciri, atau beritahu saya betapa anda menyukainya atau tidak?. Pujian sentiasa dihargai.
Unsplash menggunakan API pemaparan Imgix (pautan), perkhidmatan pemprosesan imej yang berkuasa yang mengubah saiz, memangkas dan mengoptimumkan imej secara dinamik untuk penghantaran web. Setiap URL imej daripada Unsplash diproses melalui Imgix, itulah sebabnya URL sering diisi dengan parameter.
Lihat dokumentasi API pemaparan untuk menetapkan tetapan tersuai anda yang akan disepadukan dalam URL yang disalin
Jika anda seorang pembangun yang kerap menggunakan imej Unsplash, "CopySplash" boleh menjimatkan banyak masa dan usaha anda. Cubalah, dan Sama ada anda mempunyai idea untuk ciri baharu, ingin menambah baik kod atau membantu dengan dokumentasi, input anda dialu-alukan!
Pautan:
Atas ialah kandungan terperinci Cara menggunakan Imej Unsplash dalam kod anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!