Загрузить значок картинки без обрезки?

Question

Noob здесь. При каких размерах, то есть ширине и высоте, я должен загрузить небольшой снимок, который представляет ссылку значка, например, «Главная», «Значки Sitemap». Есть ли универсальная ширина и высота, которые не будут обрезать изображение, когда оно отображается в разных браузерах? спасибо, я обычно устанавливаю их на уровне 88 х 88.

Answer 1

<img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42"><img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42"> 

убедитесь, что нет пространства между тегами IMG> <

Answer 2

У браузера не будет обрезка изображения. Об этом не о чем беспокоиться. Если вы новичок в этом, я бы посоветовал вам использовать Alts, Title (для SEO - поисковая оптимизация), а также размер ваших изображений.

<img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42"> 

Если ваше изображение выглядит обрезанным, возможно, это связано с вашим CSS. В Chrome, например, щелкните правой кнопкой мыши по изображению и выберите «Осмотреть». Затем проверьте нижний левый вкладку «Стили», чтобы увидеть, есть ли какой-либо стиль, который влияет на ваше изображение. Вы можете разблокировать стили, чтобы увидеть, если один из них заставляет ваше изображение обрезать. Если это так, просто отредактируйте свой css соответствующим образом.