Изменение разрешения изображения в html

 

У меня есть CSS , где я использую изображение в качестве фона. [width = 5000p, height = 3000px, горизонтальное и вертикальное разрешение = 72dpi] Изображение появляется с очень большим размером, и изображение полностью не закрывает экран. Есть ли способ изменить размер/разрешение изображения, используя разрешение изображения или любой другой метод?

0
nl ja de

3 ответы

Прежде всего, тег разрешения изображения принадлежит css3, и все браузеры могут не поддерживать это, но если вы хотите это сделать, попробуйте предоставить разрешение изображения следующим образом:


Всего наилучшего....

1
добавлено

Вы должны использовать background-size CSS свойство , чтобы изменить размер вашего изображения.

 #text{
     background-image:url('/../image.jpg');
     background-size: 100px 100px;
 }
1
добавлено
Спасибо ... это то, что я искал!
добавлено автор Mercenary, источник

Тиффон дал вам правильный ответ. Но в «реальном мире» вы никогда не будете использовать такое большое изображение для повторного фона.

Типичными размерами являются, например:

  • 200px X 200px (повтор)
  • 10px X 1000px (repeat-x)
  • 2000px X 10px (repeat-y)

Разумеется, вы также должны учитывать вес изображений: 40/50Kb может быть аппроксимирующим максимальным размером.

В заключение, вместо использования правила css, я предлагаю вам изменить размер и сжатие (сжатие JPG, от 50% до 80%) изображения. Вы можете сделать это с помощью программного обеспечения, такого как Paint, или FastStone Resizer , очень полезного бесплатного программного обеспечения.

0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing