wmmail.ru – cервис почтовых рассылок на главную
написать письмо
карта сайта

С чего начать?РекламодательПравилаFAQСтатистикаБиржа статейTOP100ФоткиКонтакты
Логин:
Пароль: 
Регистрация   Забыли пароль?
WMLogin
Пользователей всего:

452523

Пользователей сегодня:

18

Пользователей online:

130

Выплачено ($): 7`366`189,51
Выплат: 7`905`624
Писем прочитано: 1`023`031`379

 
 
Online 1
Все ответы
 
 

Вопрос #68684

Внимание! В разделе вопрос-ответ запрещается:

  • Мат, оскорбления, флуд, реклама
  • Сообщения, не являющиеся вопросами/ответами
  • Нарушение законодательства РФ
  • Попрошайничество в любой форме

Выделите текст и нажмите для цитирования  #  
+4   [29.11.2015 20:44] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54

Закрытый вопрос от пользователя kon5stanta что понимается под оптимизацией изображений сайта?

что понимается под оптимизацией изображений сайта? есть ли программа чтоб очень сильно сжать изображение.
как можно сжать до совсем , например, до 1 килобайта или меньше?
пока 10-20 килобайт получается?
Раздел: Другое, последний комментарий: 09.12.2015 09:30
Вопрос закрыт пользователем Zastoj
Проголосовали: #2424655, OCELOT, weboscop, #1436745, ezhik87, aneg34561, #2610404, waterfall

Ответы
Ответов всего: 25  вопрос закрыт 
Выделите текст и нажмите для цитирования  #  
+8   [29.11.2015 21:15] OCELOT Рейтинг 1540.20     Стена пользователя OCELOT +77  Все ответы пользователя OCELOT

kon5stanta пишет что понимается под оптимизацией изображений сайта?

Если есть на картинках откровенные сиськи, то необходимо в фотошопе закодировать соски и ореолы.

Добавлено спустя 08 минут 56 секунд
Сделать изображения в виде превью по клику, а не открытие в полный размер при открытии страницы, если изображения объемные. Возможно, необходимо проработать расположение картинок - не по всему тексту, а всегда только с одной стороны. Уменьшить кол-во картинок, оптимизировав их в меньшее количество более информативных изображений.
Проголосовали: weboscop, kon5stanta, ezhik87, #2463651, #2365704, ministar, #2153023, #2587993
Выделите текст и нажмите для цитирования  #  
+2   [30.11.2015 07:59] lehatsis Рейтинг 0.00     Стена пользователя lehatsis +34  Все ответы пользователя lehatsis

kon5stanta пишет что понимается под оптимизацией изображений сайта?

картинки сделать уникальными, например водяные знаки и т.д
Проголосовали: kon5stanta, #2587993
Выделите текст и нажмите для цитирования  #  
+5   [30.11.2015 09:29] weboscop Рейтинг 1168.61     Стена пользователя weboscop +86  Все ответы пользователя weboscop

1. для каждого типа изображения использовать свой формат (фото - jpg, графика - png, gif)
2. для больших фото обязательно превьюшки, основной принцип на веб-страницах изображение должно быть показано в исходном масштабе, а не с уменьшением
3. оптимизация паитры
4. в дизайне использовать маленькие картинки в качестве заливки, а не громадные, уникализированные элементы в CSS (один файл для всех вариантов в дизайне) и т.д.
5. Заполненные альты, тайтлы и т.д.
6. уникальность самого изображения
7. изображение должно храниться на самом сайте (домене), а не подкачиваться по ссылке, т.е. ссылка src должна быть относительной, а не абсолюбной

ну и как совет не делайте тексты и кнопки меню картинками по возможности:-)
Проголосовали: #1445930, kon5stanta, ezhik87, #2463651, zet100
Выделите текст и нажмите для цитирования  #  
+5   [30.11.2015 13:12] #2424655   Все ответы пользователя

kon5stanta пишет что понимается под оптимизацией изображений сайта?

Уменьшение ВЕСА изображения и размера(для ускорения загрузки страниц сайта), преобразование в код, удаление с картинок ненужного содержимого(надписи ссылки и т.д.).
Есть программа конвертирующая изображение в HTML код:
http://i.imgur.com/eCnvSL6.png
http://i.imgur.com/xeB1B8w.png
http://i.imgur.com/4rhn8Kd.png
http://i.imgur.com/8tLgFAo.png
Также есть программа редактор кода brackets http://i.imgur.com/YeBc1Zc.png
где с помощью дополнений(плагинов), можно делать тоже самое!
Так же есть скрипт http://i.imgur.com/y57gxkT.png
просто берёшь нужное изображение и перетаскиваешь на исполняемый файл
http://i.imgur.com/QXzLnwN.png после чего появляется папка с оптимизированным изображением и файл отчёта...
http://i.imgur.com/zFW3gn4.png
http://i.imgur.com/k6SxV5D.png
Ещё есть программа riot http://i.imgur.com/qSFFVBL.png
Для удаления ненужных элементов есть хорошая программа Teorex Inpaint http://i.imgur.com/ZiV8x4J.png
http://i.imgur.com/S5ifoZH.png
http://i.imgur.com/wz1GRxP.png
А так конечно фотошоп или альтернативные монстры!
Много в сети онлайн сервисов по оптимизации, просто поищи...
:biggrin:Успеха в оптимизации!:v:
Проголосовали: kon5stanta, sw3n, Wlad-, #2587993, #636112
Выделите текст и нажмите для цитирования  #  
+2   [30.11.2015 16:50] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

lehatsis пишет
kon5stanta пишет что понимается под оптимизацией изображений сайта?

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

картинки уникальные
водяные знаки не знаю как сделать

Добавлено спустя 05 минут 36 секунд
1. для каждого типа изображения использовать свой формат (фото - jpg, графика - png, gif)
что под этим понимаешь? я же могу любой формат вставить
2. для больших фото обязательно превьюшки, основной принцип на веб-страницах изображение должно быть показано в исходном масштабе, а не с уменьшением
не понял
3. оптимизация паитры
что это такое
4. в дизайне использовать маленькие картинки в качестве заливки, а не громадные, уникализированные элементы в CSS (один файл для всех вариантов в дизайне) и т.д.
здесь нормальок
5. Заполненные альты, тайтлы и т.д.
с этим так сяк немного понимаю
6. уникальность самого изображения
уникальное
7. изображение должно храниться на самом сайте (домене), а не подкачиваться по ссылке, т.е. ссылка src должна быть относительной, а не абсолюбной
все на сайте хранится , а не с других сайтов

ну и как совет не делайте тексты и кнопки меню картинками по возможности:-)
не делаю
растолкуйте что не понял пожалуйста

Добавлено спустя 07 минут 14 секунд
программа конвертирующая изображение в HTML код
и что там нет ни одной картинки и если там есть вирусный код?
Проголосовали: #2065150, #2587993
Выделите текст и нажмите для цитирования  #  
+2   [30.11.2015 17:17] #2674610   Все ответы пользователя

1. Под оптимизацией изображений имеется ввиду уменьшение размера изображения с помошью уменьшения его качества или же масштаба(размер в пикселях).
2. Изображения можно сжимать хоть до 90%(правда качество будет отвратительным), jpeg можно сжимать даже в обычном фотошопе(сохранив его вылезет окно с ползунком, этот ползунок можно регулировать). Есть также онлайн-сервисы для сжатия изображений, например:
a. png - https://tinypng.com/ - оптимизирует изображения до 70%(возможна незначительная потеря качества)
b. jpg - https://tinyjpg.com/ - оптимизирует изображения до 70%(возможна незначительная потеря качества)

Ну и так далее. :wink2:

Добавлено спустя 15 минут 11 секунд
kon5stanta пишет jpg

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

kon5stanta пишет png

Поддерживает прозрачный фон, хорошо подходит(не отлично) для фотографий высокого разрешения, сжатие происходит без потерь, по этому размер изображения будет больше, чем в JPG. Не поддерживает анимацию
kon5stanta пишет gif

Поддерживает анимацию и прозрачный фон. Сжимает не так хорошо, как JPG или PNG.

Если в вашем изображении используется прозрачный фон - png
Если изображение без прозрачного фона - jpg
Если анимированое изображение - gif
Проголосовали: kon5stanta, #2587993
Выделите текст и нажмите для цитирования  #  
+1   [30.11.2015 18:36] #2424655   Все ответы пользователя

kon5stanta пишет
программа конвертирующая изображение в HTML код

и что там нет ни одной картинки и если там есть вирусный код?

В том то и смысл, что картинка преобразованная в код http://i.imgur.com/zzMzeWH.png
загружается браузерами мгновенно и вирусов в этом коде нет, но чем больше картинка, тем больше код, а это существенный минус, поэтому большие изображения не стоит преобразовывать.
Проголосовали: kon5stanta
Выделите текст и нажмите для цитирования  #  
0   [30.11.2015 20:55] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

приведите пример пожалуйста как узнать размер расширения изображения в статье как узнать.
Выделите текст и нажмите для цитирования  #  
+1   [30.11.2015 21:07] weboscop Рейтинг 1168.61     Стена пользователя weboscop +86  Все ответы пользователя weboscop

разобрались таки или нет?
Проголосовали: kon5stanta
Выделите текст и нажмите для цитирования  #  
0   [01.12.2015 16:12] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

weboscop пишет разобрались таки или нет?

немного, но с зарезервированным размером изображения нет
Выделите текст и нажмите для цитирования  #  
+1   [01.12.2015 17:07] weboscop Рейтинг 1168.61     Стена пользователя weboscop +86  Все ответы пользователя weboscop

kon5stanta пишет
weboscop пишет разобрались таки или нет?

немного, но с зарезервированным размером изображения нет

тут как раз все просто - изображение должно быть точно такого же габарита как будет отображаться в сверстанной странице...
например аватарки слева все отображаются в теге с шириной=67, а высотой=67, ну и реальный размер подгружаемых аватарок 67х67 пикселей....
Проголосовали: kon5stanta
Выделите текст и нажмите для цитирования  #  
0   [02.12.2015 16:41] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

weboscop пишет
kon5stanta пишет
weboscop пишет разобрались таки или нет?

немного, но с зарезервированным размером изображения нет

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

а если шаблон с интернета как узнать размер расширения?
Выделите текст и нажмите для цитирования  #  
+1   [02.12.2015 18:02] weboscop Рейтинг 1168.61     Стена пользователя weboscop +86  Все ответы пользователя weboscop

kon5stanta пишет
weboscop пишет
kon5stanta пишет
weboscop пишет разобрались таки или нет?

немного, но с зарезервированным размером изображения нет

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

а если шаблон с интернета как узнать размер расширения?

код посмотрите...
в хроме кликните по картинке правой кнопкой и выбирите "Просмотр кода элемента"
Проголосовали: kon5stanta
Выделите текст и нажмите для цитирования  #  
0   [02.12.2015 18:11] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

weboscop пишет
kon5stanta пишет
weboscop пишет
kon5stanta пишет
weboscop пишет разобрались таки или нет?

немного, но с зарезервированным размером изображения нет

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

а если шаблон с интернета как узнать размер расширения?

код посмотрите...
в хроме кликните по картинке правой кнопкой и выбирите "Просмотр кода элемента"

и что я должен увидеть?
Выделите текст и нажмите для цитирования  #  
+1   [02.12.2015 18:13] weboscop Рейтинг 1168.61     Стена пользователя weboscop +86  Все ответы пользователя weboscop

kon5stanta пишет
weboscop пишет
kon5stanta пишет
weboscop пишет
kon5stanta пишет
weboscop пишет разобрались таки или нет?

немного, но с зарезервированным размером изображения нет

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

а если шаблон с интернета как узнать размер расширения?

код посмотрите...
в хроме кликните по картинке правой кнопкой и выбирите "Просмотр кода элемента"

и что я должен увидеть?

https://yadi.sk/d/mxNOfMQNkusRR
Проголосовали: kon5stanta
Выделите текст и нажмите для цитирования  #  
0   [04.12.2015 09:08] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

weboscop пишет
kon5stanta пишет
weboscop пишет
kon5stanta пишет
weboscop пишет
kon5stanta пишет
weboscop пишет разобрались таки или нет?

немного, но с зарезервированным размером изображения нет

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

а если шаблон с интернета как узнать размер расширения?

код посмотрите...
в хроме кликните по картинке правой кнопкой и выбирите "Просмотр кода элемента"

и что я должен увидеть?

https://yadi.sk/d/mxNOfMQNkusRR

теперь понял
что будет если меньше разрешение?
что будет если больше разрешение?
что будет если равно разрешение?
Нужно ли чтоб строго такие были и как это в теме исправить?
Выделите текст и нажмите для цитирования  #  
+1   [04.12.2015 09:53] weboscop Рейтинг 1168.61     Стена пользователя weboscop +86  Все ответы пользователя weboscop

kon5stanta пишет теперь понял
что будет если меньше разрешение?
что будет если больше разрешение?
что будет если равно разрешение?
Нужно ли чтоб строго такие были и как это в теме исправить?

что чего меньше?
если реальное изображение меньше - не красиво
если больше - не оптимально
если равны - оптимально:-)
Проголосовали: kon5stanta
Выделите текст и нажмите для цитирования  #  
-1   [04.12.2015 10:32] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

weboscop пишет
kon5stanta пишет теперь понял
что будет если меньше разрешение?
что будет если больше разрешение?
что будет если равно разрешение?
Нужно ли чтоб строго такие были и как это в теме исправить?

что чего меньше?
если реальное изображение меньше - не красиво
если больше - не оптимально
если равны - оптимально:-)

то есть размер изображений везде должно одинаково быть?
как в теме изменить размер изображения как в видео?
Проголосовали: weboscop
Выделите текст и нажмите для цитирования  #  
+1   [04.12.2015 16:28] weboscop Рейтинг 1168.61     Стена пользователя weboscop +86  Все ответы пользователя weboscop

kon5stanta пишет то есть размер изображений везде должно одинаково быть?
как в теме изменить размер изображения как в видео?

в Вашем случае лучше передайте работу профессионалу...
уже пропало всякое желание разжевывать уже пережеванное.
Проголосовали: kon5stanta
Выделите текст и нажмите для цитирования  #  
+1   [04.12.2015 16:49] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

weboscop пишет
kon5stanta пишет то есть размер изображений везде должно одинаково быть?
как в теме изменить размер изображения как в видео?

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

зато я понял с видео

Добавлено спустя 23 часа 33 минуты 03 секунды
ау кто ответит?
Проголосовали: weboscop
Выделите текст и нажмите для цитирования  #  
0   [06.12.2015 19:45] #2570748   Все ответы пользователя

покажи сайт чтобы все видели ..
Выделите текст и нажмите для цитирования  #  
+1   [06.12.2015 21:51] marina_1384 Рейтинг 2654.49     Стена пользователя marina_1384 +151  Все ответы пользователя marina_1384

водяной знак тоже уйма програм для проставления их!
microsoft office picture manager -сжимает и все просто!
Проголосовали: #3228426
Выделите текст и нажмите для цитирования  #  
0   [07.12.2015 10:19] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

я хочу понять как изменить в коде , чтоб изменить под другие изображения
как это сделать?
что будет если меньше будет расширение изображение?
что будет если больше будет расширение изображение?
что будет если равно будет расширение изображение?
можно с примерами
Выделите текст и нажмите для цитирования  #  
0   [07.12.2015 13:28] #2570748   Все ответы пользователя

это не то -
img src="ссылка " height="1" width="1" alt=" " код не полный < > начало конец


какие проги ? вставь в свой сайт код вставь ссылку никто не увидет подгрузку картинки height="1" width="1" - ставь параметры 10 увидят ):smile:

Добавлено спустя 29 часов 16 минут 21 секунду
звиняй но нихера не понля что тебе надо... скрытые открытые картики показали ..разсусоь подробнее может кто ипоможеь
Выделите текст и нажмите для цитирования  #  
0   [09.12.2015 09:30] kon5stanta Рейтинг 29.07     Стена пользователя kon5stanta +54  Все ответы пользователя kon5stanta

в 23 посте эти вопросы мне не понятны

Видеоурок

Вопрос-ответ

НОВОСТИ
21.09.2021Резерв
подробнее>>
15.09.2021Вывод на QIWI
подробнее>>

© 2004-2021 «WMMAIL» Пользовательское соглашение