Popcorn Hack 1
For an image with a transparent background that needs to stay sharp on any screen, the best file format would be PNG. It supports transparency and is lossless, which ensures that the image maintains high quality and sharpness even when displayed on different screen resolutions.
Popcorn Hack 2
One downside of Base64 in the real world is that it increases the size of the data. The encoded data is about 33% larger than the original binary data. This can be inefficient when working with large files, as it requires more storage space and bandwidth.
Homework Hack
What is a hex color code?
A hex color code is a 6-digit code (like #FF0000) that tells computers how much red, green, and blue to show. Examples:
#FF0000 = Red
#0000FF = Blue
My use: I used hex codes in my CSS to change the colors of some of the components in my website.
What is Base64 and how is it used with images?
Base64 converts binary data (like images) into a text format. It’s used to embed images directly into HTML/CSS.
My use: I have used Base64 small icons to reduce file management and speed up loading in my website.
Why use Base64 over regular image files?
Base64 reduces file requests, makes it easier to manage in code, and is good for small images.
My use: We store images as base64 in user.py for Mort’s backend.
Insert and explain an image in Jupyter Notebook:
The image is stored as binary on disk and shown in the notebook using HTML rendering.