Пт

30

мар

2012

Дизайн сайта: как правильно работать с изображениями

хорошие картинки для сайта на Jimdo

Вставить картинки на Jimdo-сайт очень легко, для этого можно использовать модули "Изображение", "Изображение в тексте", "Галерея", также картинки можно вставлять как фон на самом сайте.  При этом, однако, следует соблюдать несколько простых правил, о которых мы и расскажем ниже. Представляем вашему вниманию советы от дизайнеров Jimdo, которыми могут воспользоваться все пользователи.

"Правильные" картинки

"Изображение может рассказать больше, чем слова" – и это верно! Картинки мы видим и распознаем быстрее, чем текст, который нужно сперва прочитать, чтобы понять, о чем идет речь. С помощью изображений на сайте можно передать любые эмоции. Однако – картинка картинке рознь, и, конечно, не следует размещать на своем сайте всякую, первую попавшуюся картинку. На что следует обратить внимание перед тем, как загрузить фотографию на свой сайт:

Используйте только те картинки, на которые у вас есть права
  • Не загружайте картинки-клише! Кто не знает фотографии, изображенной справа? Не загружайте на свой сайт картинки, которые уже много раз были использованы на других сайтах. Ваш сайт должен быть уникальным и неповторимым, а не одним из многих.

 

  • Изменяйте размеры фотографий! Особенно при загрузке фотографий товаров в интернет-магазине, одна из фотографий обязательно должна показать товар как можно крупнее, в то время как остальные изображения могут быть не такими подробными.

 

  • Сделайте особенной картинку фона сайта! Фон  должен подходить по стилю и смыслу содержимому сайта. Здесь действует правило: лучше меньше, да лучше. Не всегда обязательно загружать в фон сайта фотографию как таковую, иногда достаточно правильно подобрать цвет фона, или какую-либо фактуру, передающую настроение всего сайта.
Сайт парикмахера на Jimdo
Сайт парикмахера
Сайт дизайнера на Jimdo
Сайт дизайнера
Интернет-магазин на Jimdo
Интернет-магазин по продаже красок

Обработка изображений

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

 

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

Как сделать фотографии самостоятельно?

Как сделать фотографии самостоятельно

Не у каждого из нас есть дома комплект устройств для организации профессиональной фотосъемки. Заказ же профессиональной съемки для товаров в интернет-магазине очень дорог. Тем не менее, все в ваших руках, и при желании, можно получить качественные снимки в своей квартире! Для этого можно своими руками сделать Lightbox и воспользоваться нашими советами по созданию правильного освещения.  

Где взять картинки?

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

 

На помощь приходят бесплатные фотобанки:

Или, можно купить фотографии в платных фотобанках:

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

Картинки от Jimdo

Картинки от Jimdo для шапки сайта

 

 

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

Как добавить картинку в шапку сайта

Как это работает:

1. Скачайте и сохраните на своем компьютере картинки шапок

2. Зайдите в режим управления своего сайта на Jimdo

3. Нажмите на "Изменить шапку сайта"

4. Перейдите в "Собственное изображение" и загрузите нужную вам картинку. Готово!

Совет: Последний выпуск подкаста "42" дружественного нам сайта lifehacker.ru посвящён именно этой теме. Ведущие рассказывают о том, где искать и хранить изображения для ваших ресурсов, и о правовых обязательствах, которые должен знать каждый.

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

 

Ваша команда Jimdo.

Комментарии: 80 (Дискуссия закрыта)
  • #1

    Антон (Пятница, 30 Март 2012 12:09)

    Отличная, полезная статья! Внимательно почитаю.

  • #2

    oristart (Пятница, 30 Март 2012 12:30)

    Спасибо.

  • #3

    Надежда Пустовит (Пятница, 30 Март 2012 13:07)

    Статья полезная. Спасибо.

  • #4

    Ирина (Пятница, 30 Март 2012 13:09)

    спасибо

  • #5

    my-prognoz (Пятница, 30 Март 2012 14:01)

    Как раз то что надо для моего http://www.my-prognoz.com
    Спасибо огромное !!!

  • #6

    PDV.tel (Пятница, 30 Март 2012 14:04)

    RUSSIA

  • #7

    videotamada (Пятница, 30 Март 2012 15:17)

    Спасибо за банки изображений!

  • #8

    bigdancattery (Пятница, 30 Март 2012 17:33)

    Спасибо!!!

  • #9

    Андреева Наталья Владимировна (Пятница, 30 Март 2012 17:57)

    Спасибо, обязательно попробую!

  • #10

    Андрей (Пятница, 30 Март 2012 20:27)

    Кхм...никогда, не добьешься качества в онлайн программульках. Все это для ленивых и пиарщина.
    Далее, конструкция для фотографирования хорошо, но упустили одну из главных составляющих-штатив.Ничто не сделает картинку качественно, как штатив. Даже в "цифровике" есть выдержка.Но если не денег на штатив, то подойдет стопка книг. И САМОЕ ГЛАВНОЕ...для того, чтобы получить качественный снимок, надо выбрать правильный режим сьемки и поставить на таймер.Ручки-то в любом случае дрожат!

  • #11

    delice-cat (Пятница, 30 Март 2012 21:42)

    ПОЛЕЗНАЯ СТАТЬЯ

  • #12

    Аслан Сейфуллаев (Суббота, 31 Март 2012 01:24)

    Заскочил на 5 мин. поблагодарить =)

  • #13

    dengivdom (Суббота, 31 Март 2012 08:22)

    Очень полезно, спасибо большое!

  • #14

    Briards: Shannez Noble and Zhizel (Суббота, 31 Март 2012 12:26)

    cпасибо

  • #15

    Городские системы безопасности (Суббота, 31 Март 2012 18:59)

    отлично

  • #16

    historybrands (Суббота, 31 Март 2012 23:40)

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

  • #17

    buzurovoss (Воскресенье, 01 Апрель 2012 15:54)

    спасибо Вам за все

  • #18

    Сергей (Понедельник, 02 Апрель 2012 07:53)

    нижайший поклон)

  • #19

    designloghome (Понедельник, 02 Апрель 2012 11:55)

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

  • #20

    Roman (Понедельник, 02 Апрель 2012 13:35)

    @designloghome действительно, появлялась такая проблема, но в настоящее время она исправлена.

  • #21

    AndreSaratov (Понедельник, 02 Апрель 2012 16:14)

    И покритиковать не за что;))) Хорошо Роман написал.
    Насчет графических редакторов - программа англоязычна? Ни к чему. Есть много других.

  • #22

    Наталья (Понедельник, 02 Апрель 2012 17:27)

    доступно и полезно )

  • #23

    Petr (Понедельник, 02 Апрель 2012 18:28)

    Кто подскажет, как сделать несколько фото с увеличением на одно объявления, например для моего www.apn-dom.com? типа как в "Шансе" или "Руки", спасибо !!!

  • #24

    Паутов Александр (Четверг, 05 Апрель 2012 21:38)

    Интересненько...

  • #25

    Электронные сигареты (Пятница, 06 Апрель 2012 21:25)

    За фотобанки спасибо.

  • #26

    Александрова Татьяна (Пятница, 06 Апрель 2012 22:14)

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

  • #27

    Светлана Герасимова (Суббота, 07 Апрель 2012 08:24)

    Огромное спасибо команде Jimdo!

  • #28

    teacherinfo (Среда, 18 Апрель 2012 10:27)

    Спасибо большое! Очень полезная статья!

  • #29

    Lionelli (Пятница, 20 Апрель 2012 14:36)

    Скажите, а как быть в ситуации когда фон загружен, все классно, а на других разрешениях экрана его срезает браузер.. И это становиться не красиво. Нельзя как-то сделать его "резиновым"?? Это очень важно!

  • #30

    Roman (Среда, 25 Апрель 2012 15:40)

    @Lionelli В панели управления сайтом войдите во вкладку Стиль – Собственный фон – Настройки и для параметра "Повторить изображение" выберите значение "Полностью заполненный".

  • #31

    varlex (Воскресенье, 29 Апрель 2012 22:11)

    Спасибо! Статья для меня оказалась полезной.
    Очень понравился шаблон на третьем примере.
    Можете сказать его название?

  • #32

    meganame (Вторник, 01 Май 2012 07:39)

    Большое спасибо,очень пригодилось.

  • #33

    Елена (Пятница, 04 Май 2012 07:57)

    Благодарю.

  • #34

    Облепиха (Четверг, 10 Май 2012 09:17)

    @varlex - это шаблон версии JimdoPro

  • #35

    Снять квартиру в Кисловодске посуточно (Среда, 23 Май 2012 14:12)

    Интересует возможность нанесения водяных знаков на фото - есть такая возможность в jimdo ?

  • #36

    Roman (Среда, 23 Май 2012 14:39)

    @Снять квартиру в Кисловодске посуточно: нет, в Jimdo такой возможности нет.

  • #37

    bezkuponov (Пятница, 08 Июнь 2012 14:04)

    )))

  • #38

    Діонісій (Понедельник, 11 Июнь 2012 23:32)

    Хороша стаття!

  • #39

    Никитина Ираида (Четверг, 02 Август 2012 09:06)

    Очень полезная статья! Мне она к стати пригодилась. Спасибо!!!!

  • #40

    positive-omsk (Четверг, 23 Август 2012 07:36)

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

  • #41

    artemkopchenko (Четверг, 30 Август 2012 08:13)

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

  • #42

    shen (Понедельник, 10 Сентябрь 2012 18:44)

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

  • #43

    readingland (Понедельник, 17 Сентябрь 2012 18:59)

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

  • #44

    Petr (Суббота, 29 Сентябрь 2012 20:06)

    Подскажите, самостоятельно работать с кодом нельзя вообще ???

  • #45

    don-sfynx (Среда, 03 Октябрь 2012 18:19)

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

  • #46

    Облепиха (Четверг, 04 Октябрь 2012 09:08)

    @Petr - нет, только вставляя готовый HTML-код в модуль "Widget/HTML"

  • #47

    heelys-ukraine (Суббота, 01 Декабрь 2012 20:17)

    Отличная статья и отличный сервис

  • #48

    Vlaicu (Суббота, 01 Декабрь 2012 21:04)

    Спасибо за статью,полезной была!

  • #49

    regina (Понедельник, 03 Декабрь 2012 07:03)

    а заходите на сайт и оставляйте коментарки сайт таков kanami123.jimdo.com/

  • #50

    Тася (Среда, 05 Декабрь 2012 20:11)

    Нигде не нашла как сделать галерею из альбомов? Ткните носом если где-то пропустила. Спасибо

  • #51

    palsani (Вторник, 18 Декабрь 2012 00:43)

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

  • #52

    iii123 (Вторник, 25 Декабрь 2012 12:35)

    Интересно! А если этот сайт обо мне, как его оформить?

  • #53

    Rakymzhan (Четверг, 27 Декабрь 2012 08:17)

    нормально

  • #54

    владимир (Вторник, 22 Январь 2013)

    простое иымогательство денег а попощи ни какой

  • #55

    Roman (Среда, 23 Январь 2013 11:29)

    @владимир – мы рады ответить на все ваши вопросы в сообществе пользователей http://jimdo.copiny.com/

  • #56

    fotoprofess (Воскресенье, 27 Январь 2013 19:41)

    Спасибо большое за помощь.

  • #57

    bibliotekanadym-9ru (Суббота, 09 Февраль 2013 16:23)

    Спасибо огромное за помощь!

  • #58

    plitkalux (Пятница, 22 Февраль 2013 08:13)

    Спасибо за статью,полезная!

  • #59

    ratysia1234 (Вторник, 12 Март 2013 17:18)

    Спасибо огромное, создала сайт, очень удобно и легко использовала все ваши рекомендации. Они мне очень пригодились!!!

  • #60

    shver (Четверг, 21 Март 2013 10:29)

    Спасибо!!!я в 69 лет создала сайт !!! Ураааа!

  • #61

    Георгий (Вторник, 14 Май 2013 12:58)

    Jimdo- это просто (и) классно!

  • #62

    pereezdi-ofisa (Четверг, 30 Май 2013 14:17)

    ага поискал я в этом банке фотографий на свою тематику "переезды" он мне нашел целых пять картинок !!!!!!!! блинцики, булочки и еще 3 каких то какащки )))

  • #63

    dogaccessoire (Среда, 03 Июль 2013 20:53)

    А МНЕ ПОНРАВИЛИСЬ СОВЕТЫ, КАРТИНКАМИ ВОСПОЛЬЗОВАЛАСЬ СВОИМИ, ПЕРВЫЙ АККАУНТ ПРИШЛОСЬ УДАЛИТЬ, Т.К. НАПОРТАЧИЛА, ВТОРАЯ ПОПЫТКА УДАЛАСЬ

  • #64

    cfqntyjr (Пятница, 19 Июль 2013 10:08)

    Большое спасибо за помощь в создании сайта. я об этом мечтала 5 лет!
    Но вот,свершилось! Сайт - прибавка к пенсии. С П А С И Б О !

  • #65

    dag-optovik (Пятница, 13 Сентябрь 2013 08:08)

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

  • #66

    Валентина Чикильдина (Среда, 18 Сентябрь 2013 09:08)

    Большое спасибо за полезную статью.

  • #67

    tuikina96 (Воскресенье, 22 Сентябрь 2013 14:06)

    Как сделать,чтобы шапка и все остальное меню было прозрачным как здесь?
    http://u.jimdo.com/www12/o/s0e29e73cbfb87038/img/iae6808058f69f1fb/1332924949/std/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BF%D0%BE-%D0%BF%D1%80%D0%BE%D0%B4%D0%B0%D0%B6%D0%B5-%D0%BA%D1%80%D0%B0%D1%81%D0%BE%D0%BA.jpg

  • #68

    Jimdo Dimitrу (Воскресенье, 22 Сентябрь 2013)

    Попробуйте один из шаблонов, которые упомянуты в этой статье: http://ru.jimdo.com/2013/03/27/новый-дизайн-и-новые-шаблоны-для-ваших-сайтов/

  • #69

    Алина (Воскресенье, 24 Ноябрь 2013 00:39)

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

  • #70

    Jimdo-Team (Воскресенье, 24 Ноябрь 2013)

    @ Алина, попробуйте воспользоваться нашими инструкциями для работы с модулем "Галерея изображений" по ссылке: http://ru-help.jimdo.com/основы/модули/галерея-изображений/

  • #71

    Бетон Краснодар (Пятница, 24 Январь 2014 16:37)

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

  • #72

    Рудаков Игорь Владимирович (Вторник, 04 Март 2014 09:12)

    Подскажите как фон менять на странице?

  • #73

    Jimdo-Team (Вторник, 04 Март 2014 11:36)

    Игорь, здравствуйте!
    Попробуйте, пожалуйста, воспользоваться нашими инструкциями по ссылке: http://ru-help.jimdo.com/оформление/стиль/цвета-фон/

  • #74

    andre-baffi (Среда, 16 Апрель 2014 18:58)

    Большое спасибо!Очень интересная и познавательная статья.

  • #75

    creat-lessons (Понедельник, 26 Май 2014 14:17)

    так и не поняла, как загружать картинки :(

  • #76

    photo (Четверг, 29 Май 2014 07:37)

    Очень познавательно. А на размер картинок есть ограничения? Про оптимизацию в советах не слова.

  • #77

    domostroikasasha (Вторник, 23 Сентябрь 2014 17:10)

    . После добавления нового модуля не могу загрузить изображение. Клавиша не реагирует, ни в "изображение", ни в "изображение в тексте".

  • #78

    Команда Jimdo (Среда, 24 Сентябрь 2014 10:39)

    @domostroikasasha, в этом случае, пожалуйста, направьте подробное описание проблемы службе технической поддержки. Вам обязательно помогут! http://ru-help.jimdo.com/контакт/другие-вопросы/

  • #79

    liya (Четверг, 13 Ноябрь 2014 15:56)

    благодарю за эту статью автора

  • #80

    ela-shibanova@mail.ru (Воскресенье, 16 Август 2015 08:26)

    При загрузке картинки или видео они выходят на все страницы. Начинаю удалять с одной страницы, автоматически удаляются со всех страниц. Что делать?