Coder Social home page Coder Social logo

Comments (4)

Real-John-Cheung avatar Real-John-Cheung commented on June 16, 2024 1

would be good to know what the largest size for each is as we can always downscale

The longest width/height is less than 1000px, so I think we can aim for images in this scale:
4:3 960x720
2:1 1000x500 or 800x400
32:9 1920x540

from adlipo.

Real-John-Cheung avatar Real-John-Cheung commented on June 16, 2024

I collected some ads with adnauseam and calculated their ratios

{
//'ratio':frequency
  '1.34': 1,
  '3.70': 1,
  '8.09': 8,
  '0.27': 3,
  '0.67': 1,
  '1.20': 12,
  '3.88': 3,
  '3.22': 1,
  '1.00': 4,
  '1.91': 2,
  '1.92': 1,
  '0.50': 1
}

Generally there are two kinds of them: banner-like (vertical & horizontal) and photo-like (landscape & portrait)
to simplify it below is the ratio of the longer side to the shorter side

  '1.34': 1,
  '3.70': 1,
  '8.09': 8,
  '3.75': 3,
  '1.50': 1,
  '1.20': 12,
  '3.88': 3,
  '3.22': 1,
  '1.00': 4,
  '1.91': 2,
  '1.92': 1,
  '2.00': 1

for photo-like ads most of the ratio are close to 4:3 , I think we can use 4:3 images for ads whose ratio are between 1 - 1.5.
a few ads have the ratio around 2:1
banner-like ads are more various... but many of their ratios are around 3.2 - 4, which is about 32:9
and some are in very strange shapes like 8:1, for those maybe we just ignore.

to concludes, I propose we prepare images 4 (4:3, 3:4, 32:9 and 9:32) to 6 (previous 4 plus 2:1 and 1:2) different ratios

from adlipo.

dhowe avatar dhowe commented on June 16, 2024

great -- let's see what we can find for these 6 ratios: 4:3, 3:4, 32:9, 9:32, 2:1, 1:2 (I'll make a new ticket)

would be good to know what the largest size for each is as we can always downscale

meantime, for your testing, perhaps just create the 6 with a single bright color

from adlipo.

dhowe avatar dhowe commented on June 16, 2024

see #49 for progress on collection

from adlipo.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.