The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 24: | Line 24: | ||
Card picture sizes (height x length) | Card picture sizes (height x length) | ||
'''big''' cards: | '''big''' cards: 600x400px | ||
'''mid''' cards: | '''mid''' cards: 300x300px | ||
'''mini''' cards: | '''mini''' cards: 100x200px | ||
(all dimensions doubled to look good on smartphone [Retina] displays | (all dimensions doubled to look good on smartphone [Retina] displays) | ||
As much as possible, pictures for the cards should be cropped to this size. This is because HTML loads the full-size picture, which increases page load time and page size. In other words if we have a 1500x3000px image for a card, it will load the entire picture and then scale it down to 305x305 for a mid card, loading possibly megabytes of data when we could just load the smaller, lighter picture by uploading a cropped, resized one from the start. | As much as possible, pictures for the cards should be cropped to this size. This is because HTML loads the full-size picture, which increases page load time and page size. In other words if we have a 1500x3000px image for a card, it will load the entire picture and then scale it down to 305x305 for a mid card, loading possibly megabytes of data when we could just load the smaller, lighter picture by uploading a cropped, resized one from the start. |