Comments (4)
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.
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.
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.
see #49 for progress on collection
from adlipo.
Related Issues (20)
- Single version number to rule them all
- Bad text layouts HOT 3
- Repository structure HOT 3
- Check generated manifests
- Move `adLiPoText` string to its own file
- Limit ad width to the width of content HOT 3
- Larger padding around text when font-size is large
- Ad hangs with 'Loading...' message HOT 1
- adLiPoText showing up in generation
- Update uBlock origin to the latest version [v1.39.2] HOT 1
- Climate change data sources
- Format quotation file as json HOT 5
- Replace colored rectangles with images from a folder HOT 4
- Next steps (Climate)
- Collect large images for specified resolutions HOT 18
- submit your changes as a PR
- Adjust CSS to match image
- Climate Mockups HOT 2
- Climate code in 'main' branch HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from adlipo.