Forem Creators and Builders

loading...
Cover image for Issue: GIF as cover PIC

Issue: GIF as cover PIC

Akhil Naidu
I am an Engineering Physics graduate from IIT Guwahati, but merely not restricted to Physics itself. In the past few years, I involved in many Cybersecurity blogging and now on Open-source.
Updated on ・1 min read

Update: Issue resolved, the issue is related to GIF size and sometimes because of GIF Width and Height (most probably, prefer a GIF of landscape type)


The cover pic was a GIF

GIF in Post also return error

GIF URL: https://forem.dev/remoteimages/uploads/articles/t4oxl8y0c9xwccs4er8q.gif

Probable reason

Within imgproxy there is some issue, because I can view the image in the draft and the preview screen. This tell me that there is no problems with uploading and cropping, so it should be related to fetching.

Another reason; Why I think it is related to imgproxy.

Leeawrdslope is a Forem based community, but not using the traditional self-hosting guide. It is based on dokku and doesn't use imgproxy; for image caching and resizing we are using Cloudinaries Immaga Plugin.

Here is a post on Leewardslope, which holds a GIF as cover picture.

Discussion (3)

Collapse
coffeecraftcode profile image
Christina Gorton

Hey @akhil . I commented on the issue you posted in the self-host repo. I think this might be an issue with your specific gif. I can get gif cover images working on both forem.dev and dev.to.

I did want to leave one other thought.
I know on dev.to we have had communities members report articles that have a gif as a cover image. This is because for people with vestibular disorders they are unable to view articles with continually playing gifs that they have no ability to stop the play on.
Something to consider when you are creating articles with moving cover images.

We have discussed this internally and in our forem repo.
You can see 2 open issues below:
Disable gif autoplay
Prefers-reduced-motion

Collapse
akhil profile image
Akhil Naidu Author

Hey rather than inspecting GIF cover pic in draft, publish it => to see a broken cover pic.

Also, I will check with few other GIFs and update this comment accordingly.

Collapse
akhil profile image
Akhil Naidu Author

In my few tests, I realised that the issue was not related to all GIFs and is specific to few GIF categories.

  1. Large Size
  2. Portrait