• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

HTML5 ads pixelating on Google Ad Server?

Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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

Pamela26543182m1ou_1-1665523638231.png

VS a 2200x1500 res screen below:  

Pamela26543182m1ou_0-1665523607201.png

 

Views

338

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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

Pamela26543182m1ou_0-1665524017707.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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).

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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. 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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.

image.png

image.png

 

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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 😞 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

again, use vector, not bitmap, images.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

what about the text? Why is that pixelating? 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

embed a web font for your dynamic text.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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. 

Pamela26543182m1ou_0-1665532338681.png

Pamela26543182m1ou_1-1665532421435.png

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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

Pamela26543182m1ou_0-1665541264244.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 11, 2022 Oct 11, 2022

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 12, 2022 Oct 12, 2022

Copy link to clipboard

Copied

LATEST

You're welcome!

 

Please let us know if the problem still exists.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines