Как разработчику, работающему над новым SaaS-проектом, мне нужно было связать некоторые изображения Unsplash напрямую через их URL-адреса.
Изначально я наткнулся на статью (ссылку), в которой рекомендовалось использовать API https://source.unsplash.com/. Однако этот метод больше не работает, и простое копирование ссылки из поля URL-адреса не дает прямого URL-адреса изображения, необходимого для встраивания.

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

URL-адреса изображений Unsplash

Следующий вариант, который я попробовал, — скопировать 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 использует API рендеринга Imgix (ссылка), мощный сервис обработки изображений, который динамически изменяет размер, обрезает и оптимизирует изображения для доставки в Интернет. Каждый URL-адрес изображения из Unsplash обрабатывается через Imgix, поэтому URL-адреса часто заполняются параметрами.

Ознакомьтесь с документацией по API рендеринга, чтобы установить собственные настройки, которые будут интегрированы в скопированный URL-адрес.

Вывод: больше никакой драмы с URL-адресами Unsplash!

Если вы разработчик, который часто использует изображения Unsplash, «CopySplash» может сэкономить вам много времени и усилий. Попробуйте. Если у вас есть идея для новой функции, вы хотите улучшить код или помочь с документацией, ваш вклад приветствуется!

Ссылки:

• Расширение CopySplash
• Код CopySplash
• Imgix
• Отменить всплеск