Typeform Images Flickering | Community
Skip to main content
Answered

Typeform Images Flickering


Hi! I need some insight on one of my Typeforms. When going through the questions, the images on each question will flicker at times. I have already compressed the images twice and resized to max 1068 pixels on each. If I make them any smaller, the photos are pixelated. Why is this still happening?

Here is a link to my Typeform for reference: Link

 

 

Best answer by jeremielp

The issue is not with the images. I have reproduced the same issue with default Typeform images from the media library. Probably due to the CSS transitions conflicting. @Liz  see links below for your dev team. I am not sure if that is the exact issue, but it might be.

@kpedrick, I have noticed that I get way less flickering when ticking “Decorative image” at the bottom of the Question menu. Not perfect, but way more acceptable.

 

https://stackoverflow.com/questions/10134935/weird-css3-transition-flickering
https://www.w3schools.com/cssref/css3_pr_backface-visibility.php

 

 

View original

11 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15035 replies
  • March 3, 2023

Hi @kpedrick Thanks for stopping by! I went through the first few questions, but I don’t see any images in the form. Are they later in the form or removed by chance? 


  • Author
  • Explorer
  • 4 replies
  • March 6, 2023

Yes! After you answer the first few (there should be about 6) questions you will be directed to the slides with the images! 


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15035 replies
  • March 6, 2023

Oh, I see the images and the flickering now, @kpedrick . Thanks! Do you happen to have a background image in the theme of your form by chance? I’m trying to think of any one-off thing that might be affecting this, but I haven’t seen this issue before. 


  • Author
  • Explorer
  • 4 replies
  • March 6, 2023

@Liz I don’t have a background image added to the theme. There is some branching and logic set up, not sure if that could cause this issue with the images. There are about 77 slides total in my Typeform. We have 3 slightly separate sets of questions, a user is directed to a set of questions based on their answer to the age group question (last question before getting into the slides with the images). Then we are scoring their answers to each question.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15035 replies
  • March 7, 2023

@kpedrick Do you mind duplicating the form to see if the same issue appears? 


  • Author
  • Explorer
  • 4 replies
  • March 8, 2023

Hey @Liz, Here is a copy of the Typeform - https://rethinkgroup.typeform.com/to/lKYUob7p. Seems like it is still an issue on the copy


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15035 replies
  • March 9, 2023

Well, you’ve definitely stumped me here. I can’t think of anything else in particular offhand that would be causing this. If you haven’t already, it might be best to contact our support team here since they can log into your account and see what’s causing the issue. 


john.desborough
Forum|alt.badge.img+6
  • Certified Partner & Champion
  • 5328 replies
  • March 9, 2023

@kpedrick - are any of the images HDR format or come from a device that will automatically take several images in a stream, that could be used for an animated photo - ie like most cellphones?

 

I have heard from some folks that this might be a cause of the flicker - dependent on the resolution and refresh rates of the user’s monitor as well - something to do with ‘layering’ of images in the HDR format and ‘sequencing’ in series images.. - not an expert on this but those are things that i have had folks comment on elsewhere.

 

des


Forum|alt.badge.img+5
  • Community Wizard
  • 127 replies
  • Answer
  • March 9, 2023

The issue is not with the images. I have reproduced the same issue with default Typeform images from the media library. Probably due to the CSS transitions conflicting. @Liz  see links below for your dev team. I am not sure if that is the exact issue, but it might be.

@kpedrick, I have noticed that I get way less flickering when ticking “Decorative image” at the bottom of the Question menu. Not perfect, but way more acceptable.

 

https://stackoverflow.com/questions/10134935/weird-css3-transition-flickering
https://www.w3schools.com/cssref/css3_pr_backface-visibility.php

 

 


  • Author
  • Explorer
  • 4 replies
  • March 10, 2023

@Liz @john.desborough Thank you both for the insight and help!

@jeremielp Thank you for this!! I went through and checked that option for all questions with images and it does seem to help some. 


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15035 replies
  • March 10, 2023

Ah, I had no idea! Thank you so much @jeremielp . Glad that helped, @kpedrick !


Reply