Hi whenever I hover on one of my social icons Here on the bottom
of the website it hovers a low resolution image when I have it in high
resolution both red and white icon on the social media.
Hovers a sorta blurry image.
It is because of the transform skew you are applying to it. Take that out of the CSS and it looks just fine.
3 Likes
Is there something else I can do? I want to avoid taking the skew hover off, if not
then ill just have too…
The skew is a distortion, so it will degrade the image.
To get it perfect you may need to replace the png with an SVG.Or you could try a higher resolution png. I have not used skew, so not exactly sure what will work.
1 Like
Try a rotate instead of a skew perhaps?
actually the SVG method worked, but ill keep that in mind too thanks.
1 Like
I have the svg files uploaded to my server but they appear as missing?
For some reason it is trying to download those files instead of serve them… not sure why that would be.
Browser settings?
That or his server is dictating it via htaccess or some server setting
if its browser settings what should change in the browser setting?
seems to be a server thing because it is happening in all browsers and it works on
my local host
Agreed. What are you running Apache or IIS?
Which have instructions for IIS
https://www.w3.org/services/svg-server/?url=http%3A%2F%2Fimpactograph.com%2Fimages%2Fgoogleplus_red.svg#iis
running IIS
Are these instructions for when I log in my host account like godaddy?
I would assume so? You will have to make an adjustment to IIS to serve up SVG. You may want to contact your host and ask them the proper way of doing that since the only exposure I have with Windows hosts is direct access. I don’t go through any control panels, I just remote in and do the work. Most hosts may prevent that though unless you have a dedicated server.
1 Like
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.