Удобный Сервис По Замене Изображений

Помощник по демо-контенту Многие веб-студии, занимающиеся разработкой сайтов, испытывают трудности во время демонстрации продукта, а именно, когда необходимо показать готовый сайт, содержащий демо-контент. Здесь придется всячески ходить и искать множество изображений, подгонять их под необходимые размеры, а в некоторых случаях придерживаться одной цветовой гаммы.
Здесь на помощь приходит онлайн-сервис.
Камбельт (перевод на русский - ремень ГРМ ), который будет оперативно генерировать изображения, необходимые для вашего проекта.

Вам просто нужно указать URL-адрес в качестве источника изображения (например, cambelt.co/468x60 ) с указанием необходимого размера.
Вы также можете использовать текст для формирования надписи и разные цвета.
Вот цитата с главной страницы официального сайта

Создать изображение для своего сайта стало так просто, достаточно вставить ссылку с этого сайта в тег «src» и указать нужные вам размеры.

Примеры

Теперь самое главное – примеры!

Обычное изображение
Это действительно просто: все, что вам нужно сделать, это указать размеры, которые вы хотите использовать.
Вы можете указать только одно значение 300 который даст вам квадратное изображение или два значения 300х200 для управления формой:
```
  
```
```
  
```
```
  
```
```
  
```
```
  
```
```
  
```
```
  
```
```
  
```
```
   

 <img src=" http://cambelt.co/300x200 " alt="изображение" />
 

   
```
Открытый текст
А еще это очень просто – после того, как вы указали размеры, добавьте текст, который хотите видеть на изображении.
Вам следует заменить пробелы на + .
Следите за тем, чтобы длина текста не превышала ширину изображения.

<img src=" http://cambelt.co/300x200/Habrahabr " alt="изображение" />
Фоновый цвет
Вы можете установить собственные цвета, добавив Эcolor=25d54e строка в конце запроса - вот так

<img src=" http://cambelt.co/300x200/ColorsЭcolor=25d54e"alt="изображение</a>" />
Цвет текста
Вы можете установить собственный цвет элемента через Эцвет= строка запроса тоже.
Чтобы установить только цвет переднего плана, вам нужен префикс , (запятая) и цветовой код HTML:

< img src=" http://cambelt.co/300x200/HabrahabrЭcolor=,987423 " alt="изображение"/>
Сочетайте оба типа цвета
Итак, чтобы объединить и использовать свой собственный цвет переднего плана с цветом фона, вам просто нужно вставить обе части.
Эцвет= в строку, что-то вроде этого:

<img src=" http://cambelt.co/300x200/HabrahabrЭcolor=234653,eeeeee " alt="изображение" />
Мы используем шрифты
Также вы можете указать специальный шрифт из широкого выбора, представленного на сайте, для отображения текста внутри картинки.
Чтобы получить полный список доступных шрифтов, необходимо перейти на вкладку Витрина шрифтов .
Для их использования вам просто нужно указать шрифт=? :

<img src=" http://cambelt.co/300x200/HabrahabrЭfont=Homestead-Display " />
Размер шрифта
Вы можете установить собственный размер шрифта, передав параметр размер_шрифта = в запросе?:

<img src=" http://cambelt.co/300x200/HabrahabrЭfont_size=12 " alt="изображение" />
Формат файла
Вы можете запросить изображение в одном из 3 форматов.
По умолчанию сервис предоставляет все файлы в формате PNG, но если вы предпочитаете другие (JPG, GIF), то вы можете использовать опцию Эформат= чтобы получить необходимый файл.

<img src=" http://cambelt.co/300x200/JPGЭformat=jpg " alt="изображение" />
Сочетайте оба типа цвета
Вы также можете получать изображения через безопасное соединение HTTPS для использования на защищенных веб-страницах:

<img src=" https://cambelt.herokuapp.com/300x200/Secure " alt="изображение" />