Блог

Главная - Вопросы по программированию - Как получить четкое качество изображения на веб-сайте?

Как получить четкое качество изображения на веб-сайте?

#javascript #html #css #twitter-bootstrap

#javascript #HTML #css #twitter-bootstrap

Вопрос:

Я сделал снимок экрана с некоторым текстом и таблицей, включая рисунки на моем экране, чтобы использовать его на своем веб-сайте. Я вставил снимок экрана в Windows paint и сохранил изображение в формате jpg. когда я использую этот снимок экрана на веб-сайте, изображение размыто, а содержимое неясно. есть ли шанс, что я смогу получить более четкое изображение

  <div class="col-md-8 col-sm-6" data-wow-delay="0.6s">
    <img src="features/cest1.jpg" class="img-responsive" alt="Overview" >
 </div>

Комментарии:

1. Вы пробовали открывать и проверять, как это изображение отображается как оригинальное?

2. какую настройку качества вы использовали при сохранении jpeg? используйте более высокое качество или сохраните в формате PNG — конечно, если изображение масштабируется в браузере, все это не имеет значения, возможно, это ошибка вашего браузера — какой браузер?

3. @AbhinawKaushik да, когда я открываю изображение на экране, оно выглядит хорошо, но не выглядит хорошо на веб-сайте

4. что делает класс img-responsive ? это виновник? если ваш оригинал отображается нормально, то, как говорит @JaromandaX, если вы не scaling являетесь изображением, оно должно отображаться как есть!

5. Просто ради удовольствия установите для img элемента высоту 100 пикселей и ширину 100 пикселей. Затем скажите нам, выглядит ли изображение четким.