В документе HTML действительно ли это - плохая практика для изменения размеров изображений с тегами высоты и ширины?
Если у меня есть изображение логотипа, и я хочу использовать его на другой странице, где я требую, чтобы это было меньшим размером, это - мой инстинкт для создания нового изображения, измененного с графическим редактором. Однако я слышу, что для пользователя лучше, если я вместо этого обращаюсь к исходному изображению и изменяю размер его с браузером путем изменения высоты и ширины в теге изображения.
Таким образом, я спрашиваю толпу, какова лучшая практика здесь?
Спасибо за Ваше время,
- Henry
4 ответа
Мой ответ по умолчанию будет «изменением его в графическом приложении», но зависит от того, как вы его используете.
Когда вы оставляете изменение размера изображений к браузеру, исходное (полноразмерное) изображение должно быть загружено до того, как браузер может отображать его в меньшую масштаб. Это означает, что вы используете больше пропускной способности, и ваша веб-страница занимает больше времени для загрузки. Однако, если вы в основном используете большее изображение на протяжении всего вашего сайта, то будет быстрее всегда использовать это изображение, так как браузер может его кэш.
Если вы обеспокоены качеством изображения, вы получите лучшие результаты и имели бы больший контроль над процессом перенапряжения, используя выделенную графику, чтобы изменить размер изображения.
Создайте меньшее изображение в графическом редакторе по нескольким причинам:
Если пользователи еще не кэшировали большее изображение, они будут загружать больший файл без необходимости.
Изменение размера изображений клиент-побочные данные приводит к некоторому непредсказуемому качеству масштабирования.
Делать его в HTML, в любом случае плохо рекомендуется, для представительных вопросов (таких как размеры элементов), вы должны сделать это через CSS.
В управлении проектами нет ничего свободного, и управление сложным проектом с помощью программного обеспечения неизбежно является сложным. Реальный вопрос в том, помогает ли выбранный инструмент с этим?
Задача Juggler имеет кривую обучения, и в конце концов подходит для того, кто не против читать руководство (абсолютная необходимость для этого инструмента) и не привязан к графическому вводу. Task Juggler требует продумать проект и структурировать его в значимом пути. Полезно, если вы сделаете диаграмму заранее (многие пользователи TJ делают карты разума и есть инструмент где-то, чтобы генерировать операторы ввода TJ из карты разума FreeMind). Это также очень полезно, если вы организуете свой входной файл каким-то значимым путем, делая вещи легко найти.
То есть, как только вы идете, создание проекта с TJ супер быстро. Вам не нужно беспокоиться с миллионом диалоговых окон, вы просто скажите TJ, что вы хотите на языке текста TJ.
Но все это в стороне, что мне нравится в TJ (и ненавидимо сначала, из наследия других более традиционных инструментов), так это то, что это гарантирует, что ваше расписание имеет смысл. OpenProj с радостью планирует ресурсы на уровне 300% и более. Ти Джей даст тебе ошибку и заставит исправить ее. Да, это раздражает. Но конечный результат состоит в том, что у вас есть график проекта, который имеет смысл и может быть фактически выполнен. Представьте себе это!
Как я начал говорить, ничто не свободно. TJ требует изучения и некоторых усилий. Награда - это богатая и обширная отчетность, вся информация, необходимая для управления проектом в соответствии с затратами и графиком, а также применение логического, надежного подхода к планированию и распределению ресурсов. И это не стоит 499 долларов или какой бы MSP не пошел на - это бесплатно.
-121--3255936-Можно изменять размер изображений с помощью CSS или тэгов высоты и ширины. Единственное, что вы хотите быть осторожным, это сделать действительно большие изображения маленькими, потому что это, очевидно, не уменьшает размер загрузки.
Это было бы лучше, когда вы эффективно кэшируете свои изображения, чтобы они не были загружены второй раз. Тогда вы получите ощутимую пользу от этого. Обычно я просто добавляю последнее измененное время изображения к URL, например,
<img src="/images/log.png?1233454568">
, а затем устанавливаю заголовок Expires равным году. Если изображение изменяется, изменяется время mtime, и это заставит браузер перезагрузить его.
Это предлагается для изображений, файлов Javascript и CSS.
-121--3995742-Если браузер изменяет размер изображения, используя тэг height/width, вы можете закончить с изображением меньшего качества, действительно зависит от типа изображения (например, фото против простой графики), поэтому попробуйте его в некоторых распространенных браузерах. Но изменение размера изображения в графическом редакторе - это единственный способ обеспечить качественную операцию изменения размера.
Размер изображений можно изменять с помощью CSS или тегов высоты и ширины. Единственное, с чем следует быть осторожным, - это делать действительно большие изображения маленькими, потому что это, очевидно, не уменьшает размер загрузки.
Это будет работать лучше всего, когда вы эффективно кэшируете свои изображения, чтобы они не загружались второй раз. Тогда вы получите от этого ощутимую пользу. Обычно я просто добавляю время последнего изменения изображения к URL-адресу, например:
<img src="/images/log.png?1233454568">
, а затем устанавливаю в заголовке Expires значение через год. Если изображение изменится, mtime изменится, и это заставит браузер перезагрузить его.
Это рекомендуется для изображений, файлов Javascript и CSS.