Recently on wordpress.com for another project, I had this problem with uploading gif image : there is a f*** auto resize embed in my theme that transforms my image tag
<img title="bugs" alt="bugs" src="https://blabla.files.wordpress.com/2012/bugs.gif">
in
<img title="bugs" alt="bugs" src="https://blabla.files.wordpress.com/2012/bugs.gif?w=479">
and therefore resize the gif on the fly with the ?w=479 in the end of the src and blocking the animation. Yes, the gif is not animated anymore. How stupid ?
So here is my dirty solution:
Replace the img tag in the HTML editor by :
<div style="
background-image:url('https://blabla.files.wordpress.com/2012/bugs.gif');
width:500px;
height:260px;">
</div>
<img style="display: none;" title="bugs" alt="bugs"
src="https://blabla.files.wordpress.com/2012/bugs.gif?w=479">
Where, of course, width and height are your image dimensions.
Explanations:
The first <div> displays the image for the visitors
The style=”display: none;” in the image tag is hiding the image for the visitor, but not for crawlers and referencing. (If you don’t care about that, you can remove the image tag.)
Always, don’t forget the title and the alt attributes in your image ;)
- La Commune : review - 30 March 2024
- Fearless Dinosaur - 12 March 2024
- Au Printemps des Monstres : review - 25 November 2023