HTML5 ads pixelating on Google Ad Server?

[Pamela26543182m1ou]

Display ads created in Adobe Animate only the 300x250, 336x228 and 728x90 ads are pixelating when uploaded to the Google ad server? 

On 1920x1080 screens we are also seeing pixelation but on higher res screens no issues.  Images are all very hi res, 4.5x teh size and set to scale. We are at a loss as to why only these sizes are giving us issues, all other sizes look fine.  

First ad is 1920x1080 screen and how it looks in the Google ad server

VS a 2200x1500 res screen below:  

[Pamela26543182m1ou]

More accurate representation, the one above was where we pre-compressed files. 

[kglad]

convert your bitmap to a vector than resize all you want without any pixelation..

to convert in animate: select the bitmap>click modify>bitmap>trace bitmap and select some reasonable settings.  (hint: it's easy to overselect and lock up animate until it crashes or freezes so long you give up).

[JoãoCésar]

Hi.

What are your publish settings?

And what is the scale of your bitmap instances? Can you show us one of them selected with the Properties panel open?

Please let us know.

Regards,

JC

[Nick Christie]

https://we.tl/t-tiYuTo3Cjy collaborating with Pamela on this — here's the packaged files that include the .FLAs.

We created the raster assets much larger than the size used in each banner to overcompensate for retina and/or downsampling. The 300x250, 336x280 sizes are most noticable on some devices when running through the Google Validator. I do not see the quality change from my device tho. 

[JoãoCésar]

Thank you for the files.

I noticed that the resolution of the loop button, for example, is already too low on the FLA and so on the published files.

Can you check these?

Because the ideal would be to import a image of say 800 x 600 px and than scale it down to 400 x 300 px, for example. In this way your banner can be resized twice the size without going blurry.

Regards,

JC

[Nick Christie]

Sorry - the replay button is poor resolution, but not the concern.

It's the logo and illustration assets compressing during the Google Validator and looking poor.

[Nick Christie]

We are trying to determine if we can do anything during output in Animate to solve the issue of compression when uploading to Google. Google has not been responsive in helping us 😞 

[kglad]

again, use vector, not bitmap, images.

[Pamela26543182m1ou]

what about the text? Why is that pixelating? 

[JoãoCésar]

Because they are static text fields so they are exported as bitmaps or raw shapes depending on the publish settings.

If you use dynamic text fields, texts will be vector.

[Nick Christie]

When using dynamic text fields it is changing the font when previewed on different devices .

[kglad]

embed a web font for your dynamic text.

[Pamela26543182m1ou]

we have to use neue haas grotesk as that is the brand font - so when you select it for dymanic it shows up in the final asset as new times roman = see below, noting when I click the Globe it does not show neue haas as an option for adobe fonts. 

[kglad]

it's an adobe font

https://www.typewolf.com/neue-haas-grotesk#:~:text=Neue%20Haas%20Grotesk%20was%20Helvetica%E2%80%99s....

[Pamela26543182m1ou]

Thank you for your feedback, it was extremely helpful and appreciated! 

[kglad]

you're welcome.  did you end up using vectors instead of bitmaps?

[JoãoCésar]

Do you mind showing a video of how you are uploading the ads and the result on Google Ads?

If it's not too much to ask, could you show this process being done with a problematic banner and a banner that is OK?

[Pamela26543182m1ou]

we are uploading it to  validator 

https://h5validator.appspot.com/dcm/asset?result=6122576817553408

[Pamela26543182m1ou]

wanted to say thank you - your suggestions were extremely helpful and appreciated. 🙂 

[JoãoCésar]

You're welcome!

Please let us know if the problem still exists.