Как сделать картинку для сайта

Как сделать картинку для сайта.

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

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

Почему делать картинку удобнее и проще в Photoshop Online.

Согласитесь для того кто ведет свой блог, занимается сайтом или развитием группы в социальной сети. Самое главное дать своим читателям интересный материал, а интересный материал должен быть оформлен соответствующим образом, то есть иметь красивую и запоминающуюся картинку. Тут возникает вопрос как ее сделать? Конечно, можно освоить, например тот же Photoshop или другой графический редактор, однако на это требуется время, да и собственно приобрести саму программу, ну если вы конечно законопослушный гражданин уважаете, авторские права и не пользуетесь пиратским программным обеспечением. Но по большому счету дело тут даже не в самих программах их покупки и потраченном времени на их освоение. Нам нужно, что? Просто красивую картинку для поста и в ряде случаев нет никакого смысла вникать в тонкости и премудрости работы стандартного Фотошопа если конечно у вас нет в планах разобраться в нем на полупрофессиональном или профессиональном уровне. Photoshop Online обладает хоть и урезанным, но вполне достаточным функционалом для наших задач — просто и быстро сделать картинку для сайта или блога.

Сейчас читают:  Платный или бесплатный хостинг

Как сделать картинку в Photoshop Online.

И так переходим к созданию самой картинки. Находим Photoshop Onliane в поисковике браузера или переходим по ссылке Как сделать картинку для сайта в Photoshop Online. Открываем вкладку фаил и нажимаем создать новый рисунок. Появится окошко, в котором нужно задать размеры нашего изображения. Я буду делать картинку для своего сайта на страницах которого вы сейчас находитесь. И самое первое изображение сделаем миниатюру к записи, которую вы видели в самом начале статьи. Что бы картинка нормально смотрелась мне нужно задать его размер ширина 1000 на 250 высота. Ваши размеры вы, конечно, задаете которые нужны вам, смотря, куда вы потом вставите готовую картинку.

картинка для сайта

картинка для сайта

картинка для сайта

Откроется рабочее окно для создания картинки. Что бы картинка к посту получилась более интересной нужно какое-нибудь изображение, подходящее к теме вашей статьи. Я в качестве примера возьму, например изображение художника. Изображение можно скачать из Интернета, например из Яндекс картинки.

Сейчас читают:  Что такое хостинг и домен

художники

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

художник

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

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

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

картинка для сайта

картинка

художник и палитра

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

Сейчас читают:  Новый год - (виджет обратный отсчет времени) для сайта и блога

надпись

Вот и все наша картинка готова, осталось нажать сохранить фаил и указать место хранения.

картинка готова

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

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

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

Что еще посмотреть/почитать?

9 комментариев

  • Интересный сервис, у меня есть сайт на Джумле, если я подключу его к WSR это поможет его ускорить? Сайт очень тяжёлый и долго открывается.

    • Здравствуйте, Антон. Я только начал тестирование этого сервиса от Web Support Revolution, поэтому пока не могу сказать с уверенностью на 100%. По идее при подключении положительный эффект должен быть по любому, на практике будем смотреть. Как повлияет подключение моего сайта к WSR и какой будет результат, я подробно опишу во второй части данной статьи.

      • Как у вас с результатами?
        Я подключал статейники и Джумлу и Вордпресс. Вордпресс и так работал хорошо с Rocket-плагином, но немного ускорился. У Джумлы были тесты, как на ваших скриншотах. Теперь скорость стала просто такой же как у Вордпресса.

  • Как у вас с результатами?
    Я подключал статейники и Джумлу и Вордпресс. Вордпресс и так работал хорошо с Rocket-плагином, но немного ускорился. У Джумлы были тесты, как на ваших скриншотах. Теперь скорость стала просто такой же как у Вордпресса.

    • Здравствуйте Игорь. Я пока только подключил плагин для ускорения сайта W3 Total Cache сейчас разбираюсь с его настройками. На разных сайтах в статьях, по настройке данного плагина, дают разные рекомендации по его оптимальной настройке. Поэтому придется все проверить как говорится опытным путем. Скорость загрузки сайта увеличилась, особенно для мобильных устройств. Это видно в тестах Google.com/speed/ сейчас скорость составляет 82 пункта из 100 увеличение на 10 пунктов по сравнению с тем, что было. Для ПК сейчас 70 пунктов до этого было 66. В принципе результат хороший. Тем более я еще не до конца разобрался с настройками плагина.  

      По поводу сервиса WSR Web Support Revolution, пока не все так однозначно. Служба технической поддержки обещала помощь в подключении сайта к их сервису, а  так же всяческую поддержку (в переписке с СП я говорил, что планирую написать статью-обзор по их сервису). Сейчас на связь по непонятным причинам они не выходят. Поэтому вроде как сервис и не плох. С другой стороны непонятно почему не отвечают на мои письма сотрудники. Возможно я буду искать альтернативу WSR так как варианты замены есть. В любом случае я буду дополнять и обновлять статью, где постараюсь подробно об о всем рассказать. 

      • Смотрю по описанию, ваш W3 Total Cache покруче моего плагина. А объединять разные js и css в один большой файл он умеет? У меня отдельный плаг для этого стоит.

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

        • По поводу объединения js и css ничего сказать не могу, пока не добрался до этого момента. игорь если можно скиньте ссылки на сайты которые вы подключали к WSR интересно посмотреть.

  • Я б сразу у вас ссылочку поставил, но примета плохая мфашки сеошникам показывать )

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *