Обзор Typiq: бесплатные PNG-ассеты и инструменты для работы с изображениями

Редакция SMMplanner -

Инструмент, который берет на себя часть рутины, чтобы больше времени оставалось на идеи и творчество.

Для одного макета нередко приходится открыть несколько сервисов: в одном удалить фон, в другом – изменить размер изображения, в третьем – собрать цветовую палитру, а затем отправиться на сток за подходящим PNG. Отдельный квест – проверить, разрешает ли лицензия использовать найденный элемент в коммерческом проекте.

Содержание:

Typiq – это онлайн-сервис, который объединяет библиотеку PNG-ассетов и набор инструментов для работы с изображениями. В сервисе можно изменить размер или формат изображения, удалить фон, сжать файл, подобрать цветовую палитру, проверить контрастность цветов, а также создать CSS-градиент или SVG-блоб.  

Меньше времени на поиск нужных материалов = больше на создание самого проекта. Именно для этого и создан Typiq →

Что умеет Typiq и кому может быть полезен сервис

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

В зависимости от задачи сервис можно использовать по-разному. Кто-то будет заходить сюда за PNG-ассетами для оформления публикаций или презентаций, кто-то – чтобы быстро подготовить изображение перед публикацией, а кто-то – для работы с цветом или создания декоративных элементов. Благодаря такому сочетанию возможностей Typiq не привязан к какому-то одному сценарию использования, а потому будет полезен на разных этапах подготовки визуального контента.

Ниже рассмотрим основные возможности сервиса и разберем, какие задачи поможет решить Typiq.

Библиотека PNG для коммерческого использования

Typiq предлагает собственную библиотеку PNG-изображений в HD-качестве и с прозрачным фоном. Благодаря этому элементы можно сразу использовать в макетах без дополнительной обработки.

Кроме того, при выборе библиотеки PNG стоит обращать внимание не только на качество изображений, но и на условия их использования. На практике именно лицензия часто становится причиной, по которой подходящий ассет приходится искать заново. Одни сервисы предоставляют часть библиотеки только по подписке, другие – вводят ограничения на количество скачиваний, третьи – разрешают использовать изображения исключительно в личных проектах или требуют обязательного указания автора. Если речь идет о коммерческом проекте, такие ограничения могут существенно усложнить работу.

В Typiq все PNG распространяются по бесплатной коммерческой лицензии. Это означает, что изображения можно использовать как в личных, так и в коммерческих проектах без дополнительного согласования и проверки условий для каждого отдельного ассета. Пользователю не нужно тратить время на изучение лицензионных соглашений.

Еще одно преимущество библиотеки – отсутствие ограничений на скачивание. Во многих сервисах приходится учитывать доступный лимит или оформлять подписку, чтобы получить доступ ко всей коллекции изображений. В Typiq таких ограничений нет. Можно скачивать столько PNG, сколько потребуется для проекта. Это особенно удобно при разработке сложных макетов, когда приходится сравнивать несколько вариантов, тестировать разные композиции или подбирать элементы под фирменный стиль.

Один и тот же ассет можно скачать сразу в нескольких форматах. В зависимости от сценария использования можно выбрать PNG, JPG, WebP или SVG.

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

Кроме того, есть возможность делиться ссылкой на конкретное изображение. Это удобно при совместной работе над проектами, когда нужно быстро отправить коллеге или клиенту именно тот элемент, который планируется использовать.

Личный профиль, доски и избранное

У каждого пользователя в Typiq есть собственный профиль, где можно сохранять и сортировать найденные ассеты. Понравившийся PNG можно добавить в избранное. Со временем этот раздел превращается в личную библиотеку: не приходится повторно искать объекты, которые уже использовались в макетах или подходят под стиль проекта.

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

В Typiq можно подписываться на других пользователей. Это упрощает поиск новых элементов: вместо общей библиотеки можно следить за обновлениями конкретных авторов, чьи PNG-элемент подходят/нравятся больше всего.

Инструменты для работы с изображениями

Помимо библиотеки PNG, в Typiq есть отдельный раздел с базовыми дизайн-инструментами. Они работают в браузере: не нужно устанавливать программу или разбираться в сложном редакторе.

Сейчас в Typiq доступно пять инструментов:

  • Удаление фона. Автоматически отделяет объект от фона и сохраняет изображение с прозрачностью, поэтому его сразу можно использовать в коллажах, презентациях, карточках товаров или других визуалах.
  • Изменение размера изображения. Изменяет разрешение изображения до нужных параметров в пикселях, что позволяет подготовить один и тот же файл для разных площадок без дополнительной обработки.
  • Обрезка изображения. Меняет кадрирование и соотношение сторон, благодаря чему изображение можно быстро адаптировать под формат публикации, сторис, баннера или превью.
  • Сжатие изображений. Уменьшает размер файла без заметной потери качества, такие изображения проще загружать на сайты или использовать в сервисах с ограничением по весу файлов.
  • Конвертер изображений. Преобразует изображения между разными форматами. Поддерживаются PNG, JPG, WebP, PDF, BMP и TIFF. Файл можно сохранить именно в том формате, который требуется для дальнейшей работы.

Конвертер цвета

Конвертер переводит цвет между моделями HEX, RGB и HSL. Пользователь вводит значение в одном формате, после чего Typiq рассчитывает эквиваленты для остальных.

Это удобно при передаче цветов между разными инструментами. Например, в брендбуке оттенок может быть указан в HEX, а для настройки интерфейса или редактора потребуется RGB или HSL.

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

Генератор цветовых палитр

Инструмент работает в двух режимах. В первом пользователь задает базовый цвет, а Typiq предлагает несколько гармоний: комплементарную, аналоговую, триадную, а также оттенки и тени. Значения можно просматривать в HEX, RGB и HSL, а затем копировать по отдельности или целым набором.

Второй режим позволяет извлечь цветовую палитру из готового изображения. После загрузки фотографии сервис автоматически анализирует изображение и определяет доминирующие оттенки. Все найденные цвета выводятся в виде готовой палитры с HEX-кодами, которые можно копировать по отдельности или сразу целым набором. Такой сценарий пригодится, когда дизайн нужно собрать вокруг фотографии товара, интерьера, героя или уже готового визуального референса.

Проверка контраста

Typiq позволяет проверить сочетание цвета текста и фона по требованиям WCAG 2.1. Сервис рассчитывает коэффициент контрастности и показывает, проходит ли комбинация уровни AA и AAA для обычного и крупного текста.

Одновременно отображается предварительный просмотр. Результат можно оценить не только по коэффициенту, но и визуально. Цвета для проверки выбираются через палитру или указываются вручную в формате HEX.

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

Генератор CSS-градиентов

В генераторе можно создать линейный, радиальный или конический градиент. Сначала нужно выбрать цвета и указать их значения в формате HEX, а затем – определить тип градиента. Для линейного и конического вариантов дополнительно настраивается угол, который задает направление перехода между оттенками. Все изменения сразу отображаются в области предварительного просмотра.

Генератор SVG-блобов

SVG-блоб – органическая векторная фигура с плавным неровным контуром. Такие элементы используют в фонах, интерфейсах, презентациях, обложках и декоративных композициях.

В Typiq можно настроить количество опорных точек, степень случайности, размер фигуры и цвет заливки. Если результат не подходит, сервис создаст новый вариант с теми же или измененными параметрами.

Готовый блоб можно скачать в SVG или скопировать его разметку для дальнейшего использования на сайте.

Как зарегистрироваться в Typiq и начать работу бесплатно

Для начала работы нужно создать аккаунт: указать никнейм, адрес электронной почты и пароль.

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

Первый экран после входа показывает свежие публикации PNG-ассетов. Отсюда можно перейти к поиску, открыть библиотеку, запустить нужный инструмент или перейти в профиль. В настройках аккаунта можно изменить информацию о себе, обновить пароль, добавить ссылку на сайт или социальную сеть и удалить профиль.

По мере работы личный кабинет наполняется сохраненными ассетами, тематическими досками, опубликованными изображениями и подписками на авторов. В результате Typiq можно использовать не только как разовый инструмент, но и как персональную библиотеку материалов для будущих проектов.

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

Чтобы оценить возможности Typiq, можно начать с поиска ассета для текущего проекта, а затем проверить инструменты обработки и работы с цветом →