I picked this exact image size to balance with the size of the font. Also, if the image is too big, it will push down the text, which would be especially visible for longer quotes. And then, I also want to ensure it doesn‘t look oversized on mobile. Performance-wise, I wanted to ensure each image doesn‘t weight more than 20kb, to ensure ultra-fast load because people paginate through many quotes at a session (according to my site analytics.)
That exact quote in action:
zenpen.club/quote/future-generations-for-humane-technology
"Do not use quote UI from a guy who cant write Roast" - Albus Einstein
Why is the image so small on otherwise empty page is weird to me.
Sorry, my auto-correct beat me. 🫣
I picked this exact image size to balance with the size of the font. Also, if the image is too big, it will push down the text, which would be especially visible for longer quotes. And then, I also want to ensure it doesn‘t look oversized on mobile. Performance-wise, I wanted to ensure each image doesn‘t weight more than 20kb, to ensure ultra-fast load because people paginate through many quotes at a session (according to my site analytics.)
That exact quote in action:
zenpen.club/quote/future-generations-for-humane-technology
Fair enough.