Как делать картинки на компьютере

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

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

Как создавать изображения в сети

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

Способ 1: Pablo

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

1. В начале пользователю предлагается ознакомиться с мини-инструкцией по работе с сервисом.
   
   Нажимайте на кнопку «Show me the next tip» для перехода к следующей подсказке — и так, пока не откроется страница с основным интерфейсом веб-приложения.
2. В качестве фоновой картинки вы можете использовать собственное изображение или любое доступное фото из более чем 600-тысячной библиотеки Pablo.
   
   Имеется возможность сразу же выбрать размерный шаблон под конкретную соцсеть: Twitter, Facebook, Instagram или Pinterest. Доступен ряд простых, но подходящих по стилю фильтров для графической подложки.

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

Или же просто скачайте картинку на свой компьютер, кликнув «Download».

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

Способ 2: Fotor

Один из самых популярных онлайн-сервисов для создания и редактирования изображений. Это веб-приложение предлагает пользователю широкий набор шаблонов и графических инструментов для работы с картинкой. В Fotor можно сделать практически что угодно — от простой открытки до стильного рекламного баннера.

Перед началом работы с ресурсом желательно в нем авторизоваться. Сделать это можно, используя встроенный аккаунт (который придется создать, если такового нет), либо же через учетную запись Facebook.

Выполнение входа в Фотор обязательно, если вы намерены экспортировать результат своей работы куда бы то ни было. Кроме того, авторизация открывает вам полный доступ ко всем бесплатным функциям сервиса.

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

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

Способ 3: Fotostars

Полноценный онлайн-фоторедактор, к тому же полностью русскоязычный. Сервис подразумевает работу с уже имеющейся картинкой. При помощи Fotostars вы можете тщательно обработать любое изображение — выполнить цветокоррекцию, применить понравившийся фильтр, произвести ретуширование, наложить рамку или текст, добавить размытие и т.п.

1. Начать обработку картинки вы можете прямо с главной страницы ресурса.
   
   Нажмите на кнопку «Редактировать фото» и выберите нужное изображение в памяти своего компьютера.
2. Импортировав картинку, воспользуйтесь инструментами на панели справа для ее редактирования.
   
   Сохранить результат своей работы можно по щелчку на иконку со стрелкой в правом верхнем углу сайта. Готовое JPG-изображение сразу же будет загружено на ваш компьютер.

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

Способ 4: FotoUmp

Еще один отличный редактор изображений онлайн. Обладает удобнейшим русскоязычным интерфейсом и широким набором функций для работы с картинками.

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

1. Загрузить картинку в этот фоторедактор можно не только с компьютера, но и по ссылке. Также доступна функция выбора случайного изображения из библиотеки FotoUmp.
   
   Впрочем, начать работу с сервисом вы можете и вовсе с чистого полотна.
2. FotoUmp не ограничивает вас лишь одной фотографией. Имеется возможность добавлять любое количество изображений в проект.
   
   Для загрузки фотографий на сайт используйте кнопку «Открыть» в верхней панели меню. Все картинки будут импортированы в виде отдельных слоев.
3. Готовое изображение можно скачать, щелкнув «Сохранить» во все том же меню.
   
   Для экспорта доступны три файловых формата на выбор — PNG, JSON и JPEG. Последний, к слову, поддерживает 10 степеней сжатия.

Сервис также обладает собственным каталогом шаблонов открыток, визиток и баннеров. Если вам требуется быстро создать картинку подобного рода, то на ресурс FotoUmp определенно следует обратить внимание.

Способ 5: Vectr

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

Решение от создателей веб-приложения Pixlr позволяет вам создавать картинки с нуля, используя как готовые элементы, так и собственноручно нарисованные. Здесь можно проработать каждую деталь будущего изображения и подогнать все «до миллиметра».

1. Если при создании картинки вы желаете сохранять свой прогресс в облаке, желательно сразу авторизоваться на сайте при помощи одной из доступных соцсетей.
   
2. Работая над проектом, вы всегда можете обращаться к урокам и руководству по использованию сервиса при помощи иконки в правом верхнем углу интерфейса редактора.
   
3. Чтобы сохранить итоговое изображение в память своего ПК, используйте значок «Export» на панели инструментов веб-приложения.
   
4. Выберите нужный размер, формат картинки и щелкните по кнопке «Download».
   

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

p, blockquote 1,0,0,0,0 —>

Среднее число слов в моих постах примерно 1000.

p, blockquote 2,0,0,0,0 —>

А теперь скажите, часто ли вы читаете «сухие» тексты такого объема?

p, blockquote 3,0,0,0,0 —>

Вот и я совсем нечасто.

p, blockquote 4,0,0,0,0 —>

Когда я сделал выборку в Google Аналитике по страницам своего блога, на которых пользователи задерживаются дольше всего, то обнаружил …

p, blockquote 5,0,0,0,0 —>

… что ТОПовые места преимущественно занимают посты, где присутствует графика (пуская только в шапке поста, но она есть), а замыкают список, как на подбор, страницы с «сухим» текстом.

p, blockquote 6,0,0,0,0 —>

Примерно такая же картина, если сделать срез по показателям отказа.

p, blockquote 7,0,0,0,0 —>

Это поразительно. Раньше я об этом не думал и картинкам не придавал особого значения.

p, blockquote 8,0,0,0,0 —>

Я не дизайнер и не люблю возиться с графикой. Мое призвание контент, и в этом я преуспел.

p, blockquote 9,0,0,0,0 —>

Но если картинки увеличивают показатель вовлеченности аудитории, то я просто НЕ МОГУ игнорировать этот факт.

p, blockquote 10,0,0,0,0 —>

Ведь блог я веду не для себя, а для своего читателя (первый закон успешного блога).

p, blockquote 11,0,0,0,0 —>

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

p, blockquote 12,0,0,0,0 —>

Оказывается, проводилось даже исследование, результаты которого иллюстрируют всю силу графического контента.

p, blockquote 13,0,0,0,0 —>

(правда, проводилось оно применительно к постам в Facebook, но думаю это не принципиальный факт)

p, blockquote 14,0,0,0,0 —>

p, blockquote 15,0,1,0,0 —>

Во-первых, посты с картинками получают на 53% больше «like’ов» и на 104% больше комментариев!

p, blockquote 16,0,0,0,0 —>

Во-вторых, картинки легче воспринимаются мозгом и быстрее обрабатываются, чем текст.

p, blockquote 17,0,0,0,0 —>

И вот, что хочу сказать …

p, blockquote 18,0,0,0,0 —>

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

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

p, blockquote 20,0,0,0,0 —>

Но сразу возникает другая проблема, где же брать графику?

p, blockquote 21,0,0,0,0 —>

3 способа, создать картинку для поста блога

Способ #1. Поиск в Яндекс и Google картинках

p, blockquote 22,0,0,0,0 —>

Не люблю этот вариант. И даже не потому, что копировать картинки на свой сайт, это плохо для SEO (не проверял, не знаю), а потому что найти что-то подходящее под запрос весьма сложно. Обычно требуется комбинировать несколько разных изображений в одно.

p, blockquote 23,0,0,0,0 —>

Способ #2. Нанять дизайнера

p, blockquote 24,0,0,0,0 —>

Пробовал. Нашел несколько человек. И каждый из них потребовал от меня точного ТЗ с описанием элементов изображения, их расположения и цветовой палитры.

p, blockquote 25,0,0,0,0 —>

Это 80% всей работы придумать макет. А делегировать лишь 20% работы, это для меня невыгодная сделка.

p, blockquote 26,0,0,0,0 —>

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

p, blockquote 27,0,0,0,0 —>

Способ #3. Сделать все самостоятельно

p, blockquote 28,0,0,0,0 —>

На этом варианте я остановился. И в этом посте наглядно покажу, какими инструментами пользуюсь, и как протекает работа по созданию изображения для этого блога.

p, blockquote 29,0,0,0,0 —>

Признаюсь, я не дизайнер. С графическими пакетами дружу на «троечку», как и большинство других блогеров.

p, blockquote 30,0,0,0,0 —>

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

p, blockquote 31,1,0,0,0 —>

Если вы хотите нечто подобное для вашего блога, я все вам сейчас расскажу.

p, blockquote 32,0,0,0,0 —>

Секретный инструмент для быстрого создания классных картинок

Знаю, что многие используют для этих целей Фотошоп.

p, blockquote 33,0,0,0,0 —>

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

p, blockquote 34,0,0,0,0 —>

Допустим, чтобы понять, как создать простую картинку, придется потратить несколько часов и изучить массу информации в Сети по пользованию этим пакетом.

p, blockquote 35,0,0,0,0 —>

Я предлагаю вам инструмент проще и понятней в интерфейсе — canva.com

p, blockquote 36,0,0,0,0 —>

Что такое Canva?

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

p, blockquote 37,0,0,0,0 —>

Конечно, Canva по функционалу сильно уступает Фотошоп.

p, blockquote 38,0,0,0,0 —>

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

p, blockquote 39,0,0,0,0 —>

А вот времени на создание изображения с помощью Canva требуется гораздо меньше.

p, blockquote 40,0,0,0,0 —>

Как создавать картинки с помощью Canva

p, blockquote 41,0,0,0,0 —>

Оптимизация картинок перед публикацией на сайт

Прежде чем опубликовать картинку, лучше максимально ее сжать и уменьшить в размере.

p, blockquote 42,0,0,0,0 —>

Это нужно, чтобы ускорить загрузку страницы.

p, blockquote 43,0,0,0,0 —>

Наша задача «сжать» картинку таким образом, чтобы несильно потерять в качестве.

p, blockquote 44,0,0,0,0 —>

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

p, blockquote 45,0,0,0,0 —>

Лично я предпочитаю делать это еще до загрузки на сервер. Много лет я использовал для этих целей программу Small Foto. Сейчас перешел на онлайн сервис TinyPNG.com

p, blockquote 46,0,0,0,0 —>

Размеры картинок для соц сетей

Каждая социальная сеть имеет свой допустимый размер картинки.

p, blockquote 47,0,0,1,0 —>

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

p, blockquote 48,0,0,0,0 —>

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

p, blockquote 49,0,0,0,0 —>

p, blockquote 50,0,0,0,0 —>

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

p, blockquote 51,0,0,0,0 —>

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

p, blockquote 52,0,0,0,0 —>

(за информацию спасибо ребятам с Tilda)

p, blockquote 53,0,0,0,0 —>

• Картинка к внешним ссылкам: 1200 x 630 px
  Картинка для поста: 1200 x 630 px
  Обложка: 851 х 315 px
  Фото профиля: 180х180 px

• Картинка к внешним ссылкам: 537 x 240 px
  Картинка для поста: 700 x 500 px
  Фото профиля: 200 х 500 px

• Картинка для твита: 1024 x 512 px
  Обложка: 1500 х 500 px
  Фото профиля: 400 x 400 px

• Картинка для поста: 1080 x 1080 px
  Фото профиля: 110 x 110 px

• Картинка поверх видео: 1280 x 720 px
  Обложка канала: 2560 x 1440 px
  Фото профиля: 800 x 800 px

• Картинка для пина: 735 x 1102 px
  Фото профиля: 165 x 165 px

• Картинка для поста: 1680 х 1680 px
  Обложка: 1340 x 320 px
  Фото профиля: 190 х 190 px

Как обрезать картинку

Уменьшить картинку можно с помощью сервиса PicResize.com

p, blockquote 54,0,0,0,0 —>

Загружаете изображение, выбираете «обрезать» и задаете нужные размеры:

p, blockquote 55,0,0,0,0 —>

p, blockquote 56,0,0,0,0 —>

Чтобы просто уменьшить картинку в масштабе, выбираете один из уже заданных параметров или вводите свой.

p, blockquote 57,0,0,0,0 —>

p, blockquote 58,0,0,0,0 —>

Заключение

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

p, blockquote 59,0,0,0,0 —>

Если вы начнете добавлять картинки к постам, то в скором времени обнаружите, что показатели вовлеченности аудитории вырастут, а на ваших страницах будут задерживаться дольше.

p, blockquote 60,0,0,0,0 —>

p, blockquote 61,0,0,0,0 —>

Вопрос читателю:

Какие инструменты работы с картинками вы используете на данный момент?

p, blockquote 62,0,0,0,0 —> p, blockquote 63,0,0,0,1 —>

P.S. Если у вас не получается создавать картинки на том уровне, на котором вы хотели бы, с первого раза. Не переживайте об этом. Оставьте картинку такой, какой получилась. Она все равно улучшит восприятие контента. А в следующий раз, вы уже нарисуете лучше (я так себя успокаиваю).

(Пока оценок нет)

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

Вновь мы возвращаемся к теме картинок для блога и сайта; для открыток и презентаций. Картинки нам нужны всегда и везде. И всегда нужны уникальные картинки — картинки, которые есть только у Вас.

О том что такое уникальные картинки и как сделать картинку уникальной, мы говорили ранее. Сегодня я хочу показать Вам как я делаю картинки сама.

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

Делаю я их в простой программе, которая есть на каждом компьютере и которую я очень люблю — Power Point. Если Вы еще не знакомы с этой программой, можете познакомиться и научиться работать в ней ЗДЕСЬ.

В этом видео Вы увидите как сделать картинку самому, как сделать картинку прозрачной, как сделать картинку с надписью и как сделать картинку ссылкой.

Узнать как проверить картинку на уникальность можно ЗДЕСЬ.

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

Желаю успехов.