Главное Авторские колонки Вакансии Образование
Выбор редакции:
605 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Список полезных веб-сервисов для подбора графики и работы с текстом

Вторая часть нашей подборки о хороших веб-сервисах, которые могут помочь при оформлении и наполнении сайта.
Мнение автора может не совпадать с мнением редакции

В прошлой записи нашего блога мы рассказали об инструментах, которые помогут Вам разукрасить сайт или отредактировать и создать графику. Теперь же время наполнить сайт контентом: картинками и текстом.

Участниками этой подборки будут сервисы позволяющие облегчать или обрезать изображения, библиотеки иконок и простой графики, фотостоки и различные инструменты для работы с текстом.

Работа с изображением

  1. Kraken.io

Сервис для оптимизации изображений тремя способами: Lossy, Lossless и Expert. В Lossy (с небольшой потерей качества) изображение теряет от 60% до 90%размера при незаметной потери качества, Lossless (без потери качества) сжимает изображение без всякой потери качества отсюда и название, Expert позволяет вручную настроить параметры оптимизации. Подробнее об этом можно почитать на самом сайте, но сервис предоставляется только на английском. Также существует Pro-версия сервиса, которая позволяет загружать изображения через URL и оптимизировать целые web-страницы.

b_59a816ad8ac87.jpg

2. TinyPNG

Просто сжимает .jpg и .png изображения “с превосходным балансом в качестве и размере”, может сжимать .png без потери прозрачности. У этого проекта в бете находится сервис по сжатию ваших анимированных .png изображений. Также есть плагин для Photoshop CC 2017. Для автоматической оптимизации изображения на веб-сайте есть плагин для WorldPress и расширение для Magento, которые можно установить с этого же сайта.

Вы также можете попробовать проанализировать производительность вашего сайта на дополнительном сервисе проекта здесь.

b_59a816ea0dd61.jpg

3. JPEGmini

Уже не веб-сервис, а ПО, которое поможет уменьшить объём изображения без потери качества. На сайте есть слайдер для сравнения оригинала и оптимизированного изображения и, действительно, заметить разницу практически невозможно. Как утверждается в их ознакомительном ролике, JPEGmini помогает сэкономить на хранилище многим компаниям, так как может уменьшать объём изображения в несколько раз.

b_59a81740d4d27.jpg

4. Скруглитель

Очень простой сервис на русском языке. Позволяет “скруглять” и вообще обрезать изображения под разные формы. Простой интерфейс и базовые функции - ничего лишнего для простого редактирования.

b_59a8177a96cdd.jpg

Есть базовые функции обработки изображения: фильтры, рамки и набор наклеек. Полноценным редактором этот сервис вряд ли можно назвать, но для быстрой и простой обработки вполне подойдёт.

b_59a8179162311.jpg

5. VKpic.ru

Если вам нужно загрузить целый альбом из ВКонтакте или перенести его в другую группу или себе на страницу, то этот сервис должен значительно упростить вашу жизнь. Сервис позволяет скачивать целые альбомы фотографий в виде ZIP-архивов и переносить фотографии ВКонтакте из одного альбома в другой, но для его использования необходимо войти в свой аккаунт на самом сайте VKpic.ru.

b_59a817d2a0465.jpg

Фотостоки

Существует большое количество различных фотостоков платных и бесплатных, тематических и общих, здесь мы собрали список фотостоков наибольшим количеством фотографий и свободным использованием.

Если вы хотите увидеть куда более объёмный список библиотек фотографий со свободным использованием, то вам сюда (список на английском).

  1. Pixabay

Более миллиона бесплатных фотографий, векторов и иллюстраций для свободного использования. Инструменты поиска позволяют искать отдельно по типу графики, категориям, ориентации, размеру и цвету.

b_59a8181e0629c.jpg

2. Pixels

Сборник тысяч хороших бесплатных фотографий, которые можно найти по категориям или подобрать по популярность. Полностью свободное использование по лицензии Creative Commons Zero (CC0). Каждый день в фотосток добавляется около 100 фотографий. К сожалению, из доступных языков: только английский и немецкий.

b_59a818797845f.jpg

3. Unsplash

Большая библиотека фотографий, разделённых по тематике и собранных в коллекции. Полностью свободное использование. Язык сервиса - английский.

b_59a818a725f70.jpg

4. Picjumbo

Бесплатные несжатые фотографии высокого качества с полностью свободным использованием. Фотографии разделены на категории и альбомы. Можно сразу загрузить целый альбом, но следует знать, что размер одной фотографии может быть очень немаленьким: 6 мегабайт - вполне средний размер для фотографий на данном ресурсе. Интерфейс снова на английском.

b_59a818ea87078.jpg

5. Transparent Textures

Коллекция прозрачных бесшовных текстур, с предпросмотром и возможностью сразу скопировать CSS-код, чтобы посмотреть, как это будет выглядеть у вас на сайте. Сервис удобен и прост.

b_59a819077a08d.jpg

Графика

Мы уже выбрали и оптимизировали фотографии, определились с фоном для нашего сайта, время подобрать иконки и простую графику. Если с фотографиями в плане бесплатного доступа было достаточно просто, то с векторной графикой это не совсем так, большинство сервисов имеют какую-то систему премиума или магазин.

  1. ICONFINDER

Вы можете производить поиск по почти двум миллионам иконок, включая платные и бесплатные. Скорее всего у вас получится найти нужную картинку среди бесплатных, но если нет, то платные картинки можно купить по отдельности или набором. С помощью Pro-аккаунта за 9$ в месяц Вы сможете скачивать 25 платных картинок в месяц (в среднем одна иконка стоит от 1 до 2 долларов) или с подпиской за 29$ вам будет предоставлено неограниченное количество скачиваний. Скачивать можно в SVG или PNG форматах.

b_59a8193cd3724.jpg

2. iconmonstr

Полностью бесплатный сервис с иконками для свободного использования. Его библиотека содержит около 4 тысяч картинок, но скорее всего этого будет вполне достаточно. Отличием от предыдущего сервиса является то, что это именно иконки – скачать Вы их можете полностью чёрными в SVG, PSD, EPS или PNG форматах.

b_59a81979c90ee.jpg

3. The Noun Project

Платный сервис с более чем миллионом иконок для свободного использования. Можно с уверенностью сказать, что здесь вы найдёте нужную вам иконку. Можно менять цвет иконки прямо на сайте, чтобы посмотреть, как она выглядит, но скачивать иконку с желаемым цветом можно только по подписке.

Подписка на сервис будет стоить 9.99$ в месяц или 39.99$за год, подписка включает неограниченный доступ к иконкам и количеству скачиваний, приложение для Mac и стикеры для iMessage. Покупать иконки можно и без подписки, платя за каждую в отдельности.

b_59a819966fa89.jpg

Работа с текстом

Мы закончили с добавлением графики для нашего сайта и готовы перейти к наполнению его текстом или хотя бы поставить временный текст, там где потом будет обычный. Здесь мы собрали сервисы, которые помогут проверить орфографию на сайте или сгенерировать временный текст-наполнитель.

  1. spell-checker.ru

Платный сервис. Позволяет проверить сайт целиком на грамматические ошибки и опечатки потом представляя удобный отчёт, если вам интересно посмотреть, как работает сервис - лучше посмотреть сразу на его сайте, сервис предлагает проверку 30 страниц бесплатно. Минимальный тариф там стоит 500 рублей за проверку до 3300 страниц.

b_59a819c05af8c.jpg

2. img2txt

Если вам нужно вытащить текст с изображения, то этот сервис вам очень поможет. img2txt может распознавать текст на 35 языках и поддерживает форматы изображений JPG, JPEG, PNG, BMP. Сервис абсолютно бесплатен.

Точность распознавания зависит от изображения, так что скорее всего вам придётся немного исправить и отредактировать полученный текст, но при работе с большими объёмами этот сервис незаменим.

b_59a819eb591aa.jpg

3. Зачёркнутый текст

Преобразует любой текст в стилизованный. Поддерживает стили Зачеркнутый, Подчеркнутый и символ косой черты. Результатом не является изображение или HTML, но обычный текст, который Вы можете вставить в любом месте, включая Facebook, Twitter, Instagram, WhatsApp, блог и т.д.

b_59a81a1c1005c.jpg

4. Рыбатекст

По сути, это альтернатива всем знакомому Lorem Ipsum, но на русском языке, что поможет проверить совместимость шрифтов на сайте с кириллицей и не будет выглядеть совсем неуместно, ведь сервис генерирует вполне читаемые предложения только не наполненные смыслом. Недостатком сервиса можно считать случайную длину абзацев, у пользователя нет контроля над тем, сколько символов будет сгенерировано в сумме.

b_59a81a5abf0a5.jpg

Если у вас есть полезные сервисы, которыми Вы хотели бы поделиться — пишите их в комментариях :)

+1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.