что понимается под оптимизацией изображений сайта?
что понимается под оптимизацией изображений сайта? есть ли программа чтоб очень сильно сжать изображение.
как можно сжать до совсем , например, до 1 килобайта или меньше?
пока 10-20 килобайт получается?
Раздел: Другое, последний комментарий: 30.11.2015 18:59 Тема закрыта пользователем kon5stanta
Это значит что если у тебя на сайте фотка отображается в разрешении например 800 на 600, то и реальный размер этой фотки надо ужимать до 800 на 600. Ну и формат png если текст, jpg для всего остального. Спецом ужимать фотки до 1кбайта в ущерб качеству не надо.
что понимается под оптимизацией изображений сайта?
Это значит что если у тебя на сайте фотка отображается в разрешении например 800 на 600, то и реальный размер этой фотки надо ужимать до 800 на 600. Ну и формат png если текст, jpg для всего остального. Спецом ужимать фотки до 1кбайта в ущерб качеству не надо.
не понял все равно
если изображение будет в статье
Причём тут это? Вот ты сайт открыл, на нём картинка. Кликаешь по картинке правой кнопокй и смотришь информацию. Там указаны настоящий размер картинки и масштаб в котором отображается. В идеале они должны совпадать.
не понял все равно
если изображение будет в статье
Допустим: размер исходного изображения 3600х2400 px,
В статье под него зарезервировано место 640х480 px.
Изображение оптимизировано, если его размер урезан до 640х480 px.
картинки уникальные
водяные знаки не знаю как сделать
Добавлено спустя 05 минут 36 секунд
1. для каждого типа изображения использовать свой формат (фото - jpg, графика - png, gif)
что под этим понимаешь? я же могу любой формат вставить
2. для больших фото обязательно превьюшки, основной принцип на веб-страницах изображение должно быть показано в исходном масштабе, а не с уменьшением
не понял
3. оптимизация паитры
что это такое
4. в дизайне использовать маленькие картинки в качестве заливки, а не громадные, уникализированные элементы в CSS (один файл для всех вариантов в дизайне) и т.д.
здесь нормальок
5. Заполненные альты, тайтлы и т.д.
с этим так сяк немного понимаю
6. уникальность самого изображения
уникальное
7. изображение должно храниться на самом сайте (домене), а не подкачиваться по ссылке, т.е. ссылка src должна быть относительной, а не абсолюбной
все на сайте хранится , а не с других сайтов
ну и как совет не делайте тексты и кнопки меню картинками по возможности:-)
не делаю
растолкуйте что не понял пожалуйста
Добавлено спустя 07 минут 14 секунд
программа конвертирующая изображение в HTML код
и что там нет ни одной картинки и если там есть вирусный код?
Добавлено спустя 45 секунд
если изображение будет в статье
Причём тут это? Вот ты сайт открыл, на нём картинка. Кликаешь по картинке правой кнопокй и смотришь информацию. Там указаны настоящий размер картинки и масштаб в котором отображается. В идеале они должны совпадать.
и что нужно делать чтоб они совпадали?
Добавлено спустя 01 минуту 36 секунд
не понял все равно
если изображение будет в статье
Допустим: размер исходного изображения 3600х2400 px,
В статье под него зарезервировано место 640х480 px.
Изображение оптимизировано, если его размер урезан до 640х480 px.
как узнать какое изображение зарезервировано? что непонятного
Допустим: размер исходного изображения 3600х2400 px,
В статье под него зарезервировано место 640х480 px.
Изображение оптимизировано, если его размер урезан до 640х480 px.
что тут не понятного то?
ты вот допустим на сайт залил с разрешением 2000х3000 изображение, а в статьию вставил всего 600х800
уловил?
либо сразу закидывай на сайт с разрешением 600х800, либо размещай 2000х3000
я понял как узнать какое должно быть разрешение изображение в статье чтоб оно было оптимизировано?
как узнать какое разрешение моему сайту в статье зарезервировано?
теперь понятно
[quote=2619229][/quote]
картинки уникальные
водяные знаки не знаю как сделать
- В графическом редакторе. Например Фотошоп.
- Не умеешь пользоваться редакторами - закажи здесь у дизайнеров
-----------------------------
1. для каждого типа изображения использовать свой формат (фото - jpg, графика - png, gif)
что под этим понимаешь? я же могу любой формат вставить
Вставить можешь любой, но у каждого есть особенности. Разница в качестве цветовоспроизведения и объемах файла.
2. для больших фото обязательно превьюшки, основной принцип на веб-страницах изображение должно быть показано в исходном масштабе, а не с уменьшением
не понял
На одно изображение заливается два файла.
Отображение:
Уменьшенное (превью) вне фокуса
Исходное (увеличенное) под курсором.
Для продвинутых - один со скриптовой обвякой
3. оптимизация паитры
что это такое
Цветовая палитра, color - набор используемых цветов.
Битная - 8, 16, 256 и очень много.
Оптимизиция - минимальный набор цветов при требуемом качестве.
5. Заполненные альты, тайтлы и т.д.
с этим так сяк немного понимаю
СЕО оптимизация
7. изображение должно храниться на самом сайте (домене), а не подкачиваться по ссылке, т.е. ссылка src должна быть относительной, а не абсолюбной
все на сайте хранится , а не с других сайтов
Абсолютная ссылка http://vsyo-tut.ru/images/stories/4hdf.jpg
Относительная ссылка images/stories/4hdf.jpg
-----------------------------------
программа конвертирующая изображение в HTML код
и что там нет ни одной картинки и если там есть вирусный код?
Скачай, проверь антивирусником.
На практике такую конвертацию никто не использует
-------------------------------------
если изображение будет в статье[/quote]
Причём тут это? Вот ты сайт открыл, на нём картинка. Кликаешь по картинке правой кнопокй и смотришь информацию. Там указаны настоящий размер картинки и масштаб в котором отображается. В идеале они должны совпадать.[/quote]
и что нужно делать чтоб они совпадали?
Оптимизировать
--------------------------------
не понял все равно
если изображение будет в статье
Допустим: размер исходного изображения 3600х2400 px,
В статье под него зарезервировано место 640х480 px.
Изображение оптимизировано, если его размер урезан до 640х480 px.
как узнать сколько зарезервировано места?
Сколько задашь, столько и будет. ТЗ от дизайнера.
******************************
При таком количестве вопросов надо начинать с азов, изучить букварь по верстке, дизайну, типам графических форматов, теории оцифровки цвета.
как узнать сколько зарезервировано места?
Сколько задашь, столько и будет. ТЗ от дизайнера.
все равно не могу понять расскажите детально сколько зарезервировано места разрешения в статье и как посмотреть?
как узнать сколько зарезервировано места?
Сколько задашь, столько и будет. ТЗ от дизайнера.
все равно не могу понять расскажите детально сколько зарезервировано места разрешения в статье и как посмотреть?
Рисуется (любым образом (карандашом на бумаге))общий макет всего сайта. Каждому блоку размечаются размеры.
Один из блоков будет статья с изображением, они и дадут размер изображения.