كمطور يعمل على مشروع SaaS جديد، كنت بحاجة إلى ربط بعض صور Unsplash مباشرة من خلال عناوين URL الخاصة بها.
في البداية، صادفت مقالًا (رابطًا) يوصي باستخدام https://source.unsplash.com/ API. ومع ذلك، لم تعد هذه الطريقة تعمل، كما أن نسخ الرابط من حقل عنوان URL لم يوفر عنوان URL المباشر للصورة المطلوبة للتضمين.

https://unsplash.com/photos/a-digital-illustration-of-the-letter-k-CnbzJXw5Hx4

Unsplash عناوين URL للصورة

الخيار التالي الذي جربته هو نسخ عنوان URL للصورة عن طريق النقر بزر الماوس الأيمن عليه. ومع ذلك، كان عنوان URL هذا مليئًا بمعلمات غير ضرورية لم أكن بحاجة إليها، مما يتطلب الإزالة اليدوية في كل مرة. على سبيل المثال:

https://images.unsplash.com/photo-1725610588086-b9e38da987f7?q=80&w=3500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA==

باعتباري مطورًا كسولًا يقدر الكفاءة، وجدت هذه العملية محبطة. لم أرغب في تنظيف عناوين URL يدويًا في كل مرة أردت فيها استخدام صورة.

لحظة المصباح: إنشاء أول ملحق لمتصفح Chrome

لذا، بعد إضاعة الكثير من الوقت في القيام بذلك يدويًا، فعلت ما سيفعله أي مطور كسول لديه نفور من المهام المتكررة - لقد قمت بإنشاء ملحق Chrome. نقدم لك "CopySplash"، ملحق Chrome الذي لم تعلم أبدًا أنك بحاجة إليه ولكن الآن لا يمكنك العيش بدونه!

والجزء الأفضل؟ إنه مشروع مفتوح المصدر! (GitHub) لا تتردد في الغوص في الكود، أو المساهمة، أو اقتراح الميزات، أو حتى أخبرني إلى أي مدى تحبه أم لا؟. المجاملات موضع تقدير دائمًا.

ماذا يفعل "CopySplash"؟

• يوفر تراكب زر "نسخ الرابط" مناسبًا على صور Unsplash، مما يسمح للمستخدمين بنسخ عنوان URL للصورة بسرعة إلى الحافظة الخاصة بهم بنقرة واحدة.

• قم بتعيين معلمات مخصصة لضبط الحجم والجودة والاقتصاص والمزيد، بما يتناسب مع احتياجاتك الخاصة وحفظها.

لكن مهلا... ما هي الصفقة مع Unsplash و Imgix؟

يستخدم Unsplash واجهة برمجة تطبيقات عرض Imgix (رابط)، وهي خدمة معالجة صور قوية تعمل على تغيير حجم الصور واقتصاصها وتحسينها ديناميكيًا لتسليمها عبر الويب. تتم معالجة كل عنوان URL لصورة من Unsplash من خلال Imgix، ولهذا السبب غالبًا ما تكون عناوين URL مليئة بالمعلمات.

راجع وثائق واجهة برمجة التطبيقات للعرض لتعيين إعداداتك المخصصة التي سيتم دمجها في عنوان URL المنسوخ

الخلاصة: لا مزيد من الدراما على Unsplash URL!

إذا كنت مطورًا يستخدم صور Unsplash بشكل متكرر، فيمكن أن يوفر لك "CopySplash" الكثير من الوقت والجهد. جرّبها، وسواء كانت لديك فكرة عن ميزة جديدة، أو ترغب في تحسين التعليمات البرمجية، أو المساعدة في التوثيق، فنحن نرحب بمدخلاتك!

الروابط:

• امتداد CopySplash
• نسخ كود سبلاش
• إيمجيكس
• Unsplash