The field notes

Less guessing.
Better results.

Practical guides for every tool: what to use, how it works, and what to check before you finish.

Generators

Make a QR code people can actually scan

A QR code is useful when someone moves between a physical object and a digital destination: a business card, a workshop handout, a menu, or a product label. Start with the final HTTPS destination rather than a temporary preview URL. This tool generates a static PNG, so the encoded value cannot be changed after printing.

Read guide
Image Tools

Compress images without losing the details that matter

Images often dominate page weight. Reducing bytes can make a product catalog or article faster to load, especially on mobile connections. Compression and resizing are separate decisions: lowering quality changes image fidelity, while resizing removes pixels. A 4000-pixel image shown at 600 pixels wide is usually worth resizing before you tune quality.

Read guide
Image Tools

Choose the right pixel dimensions before resizing

A useful resize begins with where the image will be displayed. Website thumbnails, email banners, and social images have different aspect ratios and pixel needs. The number of pixels affects sharpness and download weight; changing an image’s pixel width does not automatically change a print layout’s physical size.

Read guide
Image Tools

When converting a JPEG to PNG is useful

JPEG and PNG use different compression models. JPEG discards some visual information to reduce photographic file sizes, while PNG stores its pixel data losslessly. Converting an existing JPEG to PNG preserves the decoded pixels for subsequent saves, but it cannot recover detail that the original JPEG already removed.

Read guide
Image Tools

Convert PNG photos to JPEG safely

A PNG photo can be much heavier than a visually similar JPEG. Converting it is useful for email attachments, product photographs, and publishing systems that require JPEG. Before converting, decide whether transparency, fine text, or a lossless source is important for the final use.

Read guide
Image Tools

Open WebP images in applications that need JPEG or PNG

WebP is a useful web format, but older applications and some upload workflows still expect JPEG or PNG. Converting locally solves that compatibility problem without sending your image to an external conversion service. The correct output depends on the content rather than the file extension alone.

Read guide
Text Tools

Use word counts as an editing aid

A word counter helps when writing to a brief, estimating reading time, or checking an essay’s length. It is most useful as a diagnostic rather than a target to fill. A short explanation that answers the question is often more useful than a long page that repeats it.

Read guide
Text Tools

Count characters without mistaking a target for a rule

Character limits matter in database fields, social captions, interface labels, and metadata drafts. Different systems count different things: code units, Unicode code points, bytes, or visible grapheme clusters. This tool counts Unicode code points, so a combined emoji may contribute more than one.

Read guide
Calculators

Calculate calendar age across months and leap years

Calendar age is not simply elapsed days divided by 365. Months have different lengths and leap years add a day. Start with a date of birth and an explicit reference date so the result answers a clear question. This tool treats the inputs as dates, without a time of day or time zone offset.

Read guide
Calculators

Percentages: amounts, change, and ratios

Percentage calculations look similar but answer different questions. Twenty percent of 150 is an amount: 20 × 150 ÷ 100 = 30. By contrast, asking what percent 30 is of 150 produces a ratio: 30 ÷ 150 × 100 = 20%. Choose the mode before entering numbers.

Read guide
Developer Tools

JSON Formatter: a practical guide

JSON is a data-interchange format with a precise grammar. Pretty printing adds indentation and line breaks without changing the parsed data. Minifying removes that formatting for a compact representation. A readable document helps identify nested objects and arrays when inspecting an API response.

Read guide
Developer Tools

Base64 Encoder & Decoder: a practical guide

Base64 represents bytes using a limited text alphabet, which is useful when a channel expects printable text. It is often seen in small data payloads and protocol examples. Encoding increases the size and provides no confidentiality: anyone with the value can decode it.

Read guide
Developer Tools

URL Encoder & Decoder: a practical guide

URL components use percent encoding for characters that could otherwise be interpreted as structure. A space or ampersand inside a parameter value should not become a separator. Encoding the value allows it to travel safely as part of a query string.

Read guide
Developer Tools

UUID Generator: a practical guide

UUID version 4 uses random data to produce identifiers that can be created without a central counter. They are useful for draft records, fixtures, distributed systems, and public identifiers. They do not encode creation time or establish an ordering.

Read guide
Generators

Password Generator: a practical guide

A generated password avoids the patterns people commonly introduce when inventing memorable secrets. Length and a broad random alphabet make exhaustive guessing harder. Use a unique password for every account and save it in a reputable password manager.

Read guide
Text Tools

URL Slug Generator: a practical guide

A slug is the readable part of a page path. A concise, stable slug helps humans recognize a link and makes a content collection easier to maintain. It should identify the page without depending on a temporary marketing headline.

Read guide
Text Tools

Text Case Converter: a practical guide

Case conversion is useful when cleaning pasted lists, preparing headings, or adjusting text to an interface style. It changes letter casing, not meaning, grammar, or spelling. Review the result whenever proper names or technical identifiers appear in the source.

Read guide
Text Tools

Remove Duplicate Lines: a practical guide

Duplicate-line removal is helpful for lists of URLs, tags, labels, and imported values. Deduplication requires a definition of equality. A case-sensitive identifier list and a human-entered contact list may need different comparison rules.

Read guide
Developer Tools

SHA-256 Hash Generator: a practical guide

SHA-256 maps an input to a 256-bit digest commonly displayed as 64 hexadecimal characters. Digests help compare exact content or produce reproducible test vectors. Changing a single character, space, or newline generally changes the entire displayed digest.

Read guide
Developer Tools

Unix Timestamp Converter: a practical guide

Unix timestamps count time since the UTC epoch at the start of 1970. API payloads commonly use seconds, while JavaScript dates use milliseconds. A value interpreted with the wrong unit can point decades away from the date you intended.

Read guide
SEO Tools

Meta Tag Preview: a practical guide

A title and description help visitors understand what a page offers before opening it. Write specific copy that matches the content a reader will actually find. Leading with the task or subject is more useful than repeating generic claims across every page.

Read guide
SEO Tools

Robots.txt Generator: a practical guide

Robots.txt tells cooperating crawlers which paths they may crawl on a host. It belongs at the root of the exact host being governed: a subdomain needs its own file. The file is public and should never be treated as protection for private documents.

Read guide
SEO Tools

XML Sitemap Generator: a practical guide

An XML sitemap lists the canonical pages you want search engines to discover. It is especially useful for a new collection or pages with fewer incoming links. It is a discovery hint, not a guarantee of crawling, indexing, or ranking.

Read guide
SEO Tools

UTM Campaign URL Builder: a practical guide

UTM parameters label where a campaign link came from. A consistent source, medium, and campaign name makes reports easier to compare. Agree a naming convention before creating links, such as lowercase source names and a stable campaign label.

Read guide
Developer Tools

CSV to JSON Converter: a practical guide

CSV is a row-and-column format often used for exports and spreadsheet handoffs. Turning it into JSON is useful when an API, fixture, or script expects named fields. A reliable conversion needs a clear header row and a parser that understands quoted commas, embedded newlines, and doubled quotes.

Read guide
Developer Tools

JSON to CSV Converter: a practical guide

JSON objects and CSV tables represent data differently. A CSV export needs a column order and one cell per field, while JSON can contain nested objects and arrays. This tool accepts a nonempty array of objects and builds columns from the union of their field names.

Read guide
Text Tools

Markdown Preview: a practical guide

Markdown is a lightweight source format for notes, documentation, and publishing drafts. A preview helps check heading structure and emphasis while keeping the source easy to edit. Different publishing systems implement different extensions, so a basic preview cannot promise identical rendering everywhere.

Read guide
Developer Tools

HTML Entity Encoder & Decoder: a practical guide

HTML-sensitive characters need escaping when you want to display them as text or place text inside an attribute. An ampersand or less-than sign can otherwise be interpreted as markup. Encoding and decoding are representation changes; neither operation decides whether untrusted HTML is safe to execute.

Read guide
Developer Tools

HEX / RGB / HSL Color Converter: a practical guide

A single visual color can be expressed in several useful forms. HEX is compact in stylesheets, RGB shows the red, green, and blue channel values, and HSL makes hue, saturation, and lightness easier to inspect. These representations describe a color within a particular color space.

Read guide
Developer Tools

Color Contrast Checker: a practical guide

Readable text depends partly on the difference between foreground and background luminance. The WCAG 2.x contrast ratio offers a useful quantitative check for solid colors. It is one part of accessibility and should be combined with readable typography, keyboard access, clear labels, and testing.

Read guide
Calculators

Aspect Ratio Calculator: a practical guide

An aspect ratio describes an image’s proportions rather than its file size or resolution. A 1920 by 1080 image and a 1280 by 720 image both have a 16:9 ratio. Matching ratios makes it easier to scale an image without stretching its subject.

Read guide