Update screenshots #33
Conversation
The screenshots we had still showed msysGit-based Git for Windows, and the resolution was really low. We're in the third decade of the twenty-first century, and it is high time that we had some higher-quality, and more up to date screenshots. While at it, ensure that the screenshots all have the very same dimensions, this will make for a much more pleasant viewing experience. Signed-off-by: Johannes Schindelin <[email protected]>
We are about to add a script to generate thumbnail images, and we will lean on Jimp to do that for us. Signed-off-by: Johannes Schindelin <[email protected]>
Signed-off-by: Johannes Schindelin <[email protected]>
Signed-off-by: Johannes Schindelin <[email protected]>
|
One thing is a bit unclear to me: whether we want to have those super small thumbnails. I don't know that they make a lot of sense in this time and age of HiRes screens. Thoughts? |
|
Yeah, I also don't think we need to do those super small thumbnails. |
Do you know what the current story is on multiple resolutions, with regards to responsive design and mobile devices? I could imagine that we should have thumbnails that are small enough that mobile phones do not have to deplete the battery just to scale down the screenshot. If that hunch is true, I wonder what the recommended size(s) is/are? |
|
My go-to example for doing thumbnails and high-res stuff is Emojipedia. If you pick an emoji and then use web dev tools to "inspect" the PNG-based ones, you get something like: I believe this lets high-DPI clients pick a higher-res version while low-DPI clients save a little bandwidth. |
First time I came across that attribute. Here are the docs: https://html.com/attributes/img-srcset/ |
Over in #28, @vtbassmatt pointed out that our screenshots do not have the same dimensions.
While looking into this, I realized that not only is that true, the screenshots are also of an ancient Git for Windows version, predating the v2.x era we're in since August 2015.
So let's update the screenshots. The diff is best viewed using the rich diff:
While at it, automate generating the thumbnails.