𓊅 Palimpsest - HTML/CSS Steganography

Hide your messages in the structure and styling of web pages

Encode Message

Decode Message

How It Works

This tool hides your message in HTML/CSS by encoding data in element attributes, CSS classes, or visual layout. The result looks like a normal webpage but contains your hidden data.

Secret Message:

Password (Optional):

Page Template:

Encoding Method:

Data Attributes

Hide in HTML data attributes

CSS Classes

Hide in CSS class names

Text Spacing

Hide in letter/word spacing

HTML Comments

Hide in HTML comments

Generated HTML Page

Paste HTML code or upload an HTML file to extract the hidden message. The tool analyzes the HTML structure and CSS to recover your data.

HTML Code:

Password (If Used):

Decoded Message

How HTML/CSS Steganography Works

This steganography technique hides messages in web pages by encoding data in various HTML/CSS elements.

Encoding Methods:

Data Attributes Method:

Encodes binary data as custom data attributes (data-*) on HTML elements. Each attribute contains a small chunk of the hidden message.

CSS Classes Method:

Creates unique CSS class names that represent binary data. The classes are applied to elements throughout the page.

Text Spacing Method:

Encodes data as subtle variations in letter-spacing and word-spacing CSS properties. These variations are barely noticeable to the human eye.

HTML Comments Method:

Hides data in HTML comments that appear to be normal developer comments but actually contain encoded information.

Security Features:

Optional password protection using XOR encryption
Multiple encoding methods for different use cases
Realistic page templates to avoid suspicion
Subtle encoding that's hard to detect visually

Applications:

Hiding messages in public websites
Creating digital watermarks in web content
Secret communication through web pages
Embedding metadata in HTML documents