Illustrations for wordpress.org

[mapk]

With the release of WordPress 4.9 came some beautiful illustrations (by @melchoyce) on the about.php page in Core. I'd like to bring this illustration style over to wordpress.org and use some throughout the site.

A great starting point is to get an illustration for each of the 4 freedoms using this same style.

4 Freedoms

• The freedom to run the program for any purpose
• The freedom to study how the program works, and change it to make it do what you wish.
• The freedom to redistribute.
• The freedom to distribute copies of your modified versions to others.

[obenland]

@mapk What's the status on this?

[mapk]

@obenland we've got some illustrations from @cathibosco1 to review in our next Design slack meeting tomorrow.
​https://trello.com/c/rQYRR3br/46-illustrations-for-wordpressorg

It's definitely being worked on right now.

[cathibosco1]

I posted the updated .png files (square & horizontal formats) for the illustrations we reviewed yesterday for ​https://trello.com/c/rQYRR3br/46-illustrations-for-wordpressorg

I also added the .pdf files for use in Illustrator there... We may be good to go with those now. @mapk
I'm posting here because I was unsure where to ship them. :) Cheers @obenland

[obenland]

@cathibosco1 Those look great!

It would be really helpful if they all had the same dimensions and could be made into SVGs (or two sprites, one for 1x and one for 2x).

[cathibosco1]

@obenland @mapk - I am adding the SVGs to the trello board right now... square and landscape formats for us.. Thanks!

[cathibosco1]

I also added the optimized version of them... please let me know if you want me to prepare the files for animation. I could prepare them for us to do some very subtle animation on load or on scroll... thank you.

The link for optimized and "Un-optimized files in both square and horizontal format. ​https://trello.com/c/rQYRR3br/46-illustrations-for-wordpressorg

[obenland]

Thanks for that @cathibosco1! Even optimized, the SVG files are 6 - 20x bigger than the PNGs. What do y'all think about doing two PNG sprites, 1x and 2x?

[cathibosco1]

Here you go @obenland ​https://trello.com/c/rQYRR3br/46-illustrations-for-wordpressorg

The 1X files are pretty large. I put them all through an optimization process in photoshop though which should help. I am not sure the preferred display size for images on the page - it is possible that the 1x size images could be big enough to actually function as the 2x - let me know if that is true. I can pull smaller ones.

[obenland]

In 6635:

Main: Use updated & optimized freedom graphics

Props cathibosco1, mapk.
See #3046.
Fixes #3372.