Skip to content

Instantly share code, notes, and snippets.

@scottbaggett
Last active December 2, 2016 19:48
Show Gist options
  • Select an option

  • Save scottbaggett/c5841102c6d569d70eae93bc8b3093b0 to your computer and use it in GitHub Desktop.

Select an option

Save scottbaggett/c5841102c6d569d70eae93bc8b3093b0 to your computer and use it in GitHub Desktop.
I have been thinking about the best way to handle all of these preloading and laying out these category image parts. The issue is making something that can be group together into a single image so that we don’t have to preload a ton of images up front, which will cripple the site load. In order to do this in a way that will be CPU friendly, we need to put all of these category parts together into a 2048x2048 grid.
This technique comes with a few small constraints:
1. The width and height of the final image is 512x512
2. The limit is 16 pieces.
Please use this attached PSD as reference for how I need these to be set up.
https://cl.ly/440s1P3a0G0d
A reference of the final PNG output comnpressed (70k) https://cl.ly/1q2d2h2m2R3e
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment