Ваши рефералы :: Турнирная таблица конкурса рефоводов
+ Ответить в теме
Показано с 1 по 10 из 10

Тема: Статья: Оптимизация изображений для сайта

  1. #1
    Администратор Аватар для WebTalking.ru
    Уровень репутации: 254
    Регистрация: 22.05.2010
    Сообщений: 12,551
    Записей в дневнике
    9
    Спасибо: 140
    Поблагодарили 262 раз(а) в 171 сообщениях
    Файловый архив:
    Скачиваний: 24
    Закачек: 4

    Статья: Оптимизация изображений для сайта

    Вы можете просмотреть страницу http://www.webtalking.ru/content.php...a-izobrazheniy

  2. #2
    Кандидат наук Аватар для NoClick
    Уровень репутации: 182
    Регистрация: 14.06.2010
    Сообщений: 874
    Спасибо: 69
    Поблагодарили 173 раз(а) в 140 сообщениях
    Файловый архив:
    Скачиваний: 0
    Закачек: 0

    Question Re: Статья: Оптимизация изображений для сайта

    Статья получилась "кислая". Ибо ошибочные утверждения. Может исправить или дополнить?

    и этот вариант несколько хуже, чем Pamela_naked.jpg
    1. Пишите всегда маленькими буквами. И сами не запутаетесь потом, и посетителю удобней
    2. В качестве разделителя используйте не знак подчеркивания _, а тире -.
    3. Лучший вариант: naked-pamela-anderson.jpg, и самое-самое — если еще и путь до изображения будет не /photo/naked-pamela-anderson.jpg, а с соблюдением иерархии /stars/naked/pamela-anderson.jpg

    Gif... а также изображения имеют малый вес
    Это зависит от того, что изображено на изображении. В качестве примера сравните:
    Цветастую фотографию сохраните в gif и jpeg. Где меньше?
    Возьмите фотографию, например, на паспорт (когда вокруг много однородного цвета), либо где линии прямые и четкие. Где меньше?

    Jpeg – формат изображений
    И gif, и png — формат изображений. Просто одни растровые (состоят из пикселей), а svg — описание точек-фигур и т.п. Т.е., типа, векторный. И вполне что его будут часто использовать (из-за отображаемого качества). Например, когда нужна маленькая надпись не стандартным шрифтом, но чтобы при этом была четкая и легкочитаемая.

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

    Самым важным фактором в ранжировании изображений является альтернативное описание картинки. За него отвечает тег alt
    alt — это не тэг, а параметр тэга img.
    Параметр alt — описывает изображения когда еще изображения не успели подгрузиться. Т.е. типа пометки: Тут еще не загрузилось, но это Логотип. Чтобы человек мог шастать по сайту не дожидаясь полной загрузки страницы (её элементов).
    А вот параметр title — как раз и отвечает за то, что описывает что изображено на изображении.
    В ИЕ если нету title то в качестве всплывающей подсказки (при наведении) покажется alt. В Мозиле — ничего не покажеться. ИЕ вообще, на самом деле, пользовательски удобный браузер. Он исправляет много ошибок которые присутствуют в html. Другие обычно покажут так как есть. Есть ошибка? Покажут с ошибкой и не будут её исправлять.

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

    однако, он слегка защитит Ваши изображения от краж, и повысит популярность ресурса. Речь идет о водяном знаке, картинке или надписи на самом изображении.
    Тут надо подходить индивидуально. Где-то надо давать (но так, чтобы и было и было еле заметно), а где-то нет.
    И главное не забывать — формат jpg поддерживает скрытый копирайт! (можно "вшить" в изображение и описание, и авторство и... ссылку).
    Последний раз редактировалось NoClick; 25.08.2010 в 22:14.

  3. Пользователь сказал cпасибо NoClick за это полезное сообщение:

    Роман (26.08.2010)

  4. #3
    Кандидат наук Аватар для FATALITY
    Уровень репутации: 167
    Регистрация: 06.06.2010
    Адрес: Иркутск
    Сообщений: 892
    Записей в дневнике
    22
    Спасибо: 42
    Поблагодарили 157 раз(а) в 148 сообщениях
    Файловый архив:
    Скачиваний: 0
    Закачек: 0

    Re: Статья: Оптимизация изображений для сайта

    Цитата Сообщение от NoClick Посмотреть сообщение
    И главное не забывать — формат jpg поддерживает скрытый копирайт! (можно "вшить" в изображение и описание, и авторство и... ссылку).
    В этом случае, изображение будет больше весить, а тут тема об оптимизации все же.

  5. #4
    Новичок
    Уровень репутации: 10
    Регистрация: 19.09.2012
    Адрес: Moskov
    Сообщений: 2
    Спасибо: 0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Файловый архив:
    Скачиваний: 0
    Закачек: 0
    Чегото не хватает

  6. #5
    Студент Аватар для dikki
    Уровень репутации: 16
    Регистрация: 02.04.2011
    Адрес: Украина
    Сообщений: 118
    Спасибо: 0
    Поблагодарили 6 раз(а) в 6 сообщениях
    Файловый архив:
    Скачиваний: 0
    Закачек: 0

    Re: Статья: Оптимизация изображений для сайта

    В принципе ничего нового не узнала.

  7. #6
    Абитуриент Аватар для masia
    Уровень репутации: 11
    Регистрация: 23.10.2012
    Сообщений: 20
    Спасибо: 10
    Поблагодарили 1 раз в 1 сообщении
    Файловый архив:
    Скачиваний: 0
    Закачек: 0
    Статья "в общих чертах обо всем".

  8. #7
    Студент Аватар для komissarov
    Уровень репутации: 42
    Регистрация: 23.10.2012
    Адрес: rasha
    Сообщений: 89
    Спасибо: 10
    Поблагодарили 32 раз(а) в 20 сообщениях
    Файловый архив:
    Скачиваний: 0
    Закачек: 0
    Для сжатия изображений, если не обладаете фотошопом используйте он-лайн сервис jpegmini.com/main/shrink_photo
    Сжимает без потери качества.

  9. #8
    Новичок Аватар для serr
    Уровень репутации: 10
    Регистрация: 25.03.2013
    Сообщений: 4
    Спасибо: 0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Файловый архив:
    Скачиваний: 0
    Закачек: 0
    Полностью согласен с автором статьи

  10. #9
    Новичок Аватар для Ark2012
    Уровень репутации: 10
    Регистрация: 27.03.2013
    Адрес: Russia
    Сообщений: 1
    Спасибо: 0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Файловый архив:
    Скачиваний: 3
    Закачек: 0
    Если, кто то не знает, как прописать ALT в ВВ-кодах:

    (img=|описание картинки)ссылка на картинку(/img)
    аналогично и...
    (thumb=|описание картинки)ссылка на картинку(/thumb)

    Разумеется заменяем круглые скобки (), на квадратные [].

  11. #10
    Новичок
    Уровень репутации: 10
    Регистрация: 07.10.2013
    Сообщений: 3
    Спасибо: 0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Файловый архив:
    Скачиваний: 0
    Закачек: 0
    Буду оптимизировать сайт

+ Ответить в теме


Похожие темы

  1. маркетинг продвижение раскрутка реклама оптимизация сайта
    от muhasa в разделе Поисковая оптимизация
    Ответов: 0
    Последнее сообщение: 31.07.2012, 15:51
  2. Ответов: 23
    Последнее сообщение: 01.07.2011, 00:08
  3. Формат изображений для сайта.
    от DavyJohnes в разделе Дизайн и верстка страниц
    Ответов: 2
    Последнее сообщение: 20.08.2010, 15:57

Метки этой темы

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
Счетчик цитирования