Last post May 04, 2017 03:14 AM by Eric Du
May 02, 2017 04:26 PM|Deepulu1984|LINK
I have a .png image of size 2131 x 240 . I am using this image for my website banner (page header).
This image itself has some text on it. When i put the image in <img> tag (responsive) , the image looks blurred.
When i check the page on chrome emulators( mobile size), it looks more blurred especially the text.
<img id="img1" class="img-responsive" src="IMAGES/poster.jpg"/>
May 04, 2017 03:14 AM|Eric Du|LINK
After reading your issue and code, I tested it in my side with the picture(2131 x 240).
I notice the image size in browser is 1264(100% width of the screen)*150 in Browser. That's because you set the div size out of the image.
So the image size and font size isn't the original size. My suggestion is you could set the div size is the same as the image size.