Image Steganography This project hides and reveals text in images using Least Significant Bit (LSB) steganography – entirely in your browser. No backend. Deploys as a static site Big picture: 1. It’s a static app: the browser loads the HTML/CSS/JS and runs everything locally. 2. JavaScript wires up UI events and performs steganography on pixel data via a hidden canvas. When you open the app: 1. index.html loads, CSS styles the page, and JS attaches event handlers. 2. You can switch between Encode and Decode tabs. Results appear in centered modals (no scrolling). Encoding flow: 1. Select a cover image, enter your message and a short secret code (max 5 chars). 2. The image is drawn to an off‑screen ; raw pixels are read with getImageData. 3. Capacity is calculated: each pixel contributes 3 bits (R, G, B LSBs). Capacity (bytes) = floor(width × height × 3 / 8). 4. The payload is message + secret. It is converted to a binary string (8 bits/char). 5. Bits are embedded into the image by replacing each color channel’s least significant bit in order. 6. Modified pixels are written back with putImageData, and the canvas is exported to PNG (toDataURL) to preserve bits. 7. A modal shows the encoded preview with a Download button.