ADVERTISEMENT

Free Online Tools for
Print & Web Design

24 tools for DTP, graphic design, and web development.
All browser-based β€” no uploads, no registration required.

  • Privacy Protected
  • Fast Processing
  • Mobile Ready
  • 100% Free
Find a Tool β†’

About This Site

hivivih.com is a free online tool hub for anyone working with print and web design. We offer 24 tools covering resolution checking, image conversion, QR code generation, contrast checking, and more β€” all running entirely in your browser with no file uploads or server storage.

  • Target Users: DTP operators, graphic designers, web designers, print professionals
  • Tools: 24 tools (Print Γ—3 Β· Image Γ—11 Β· Design Γ—5 Β· Calc Γ—3 Β· Guide Γ—2)
  • Pricing: Completely free Β· No registration required
  • Privacy: All processing runs in the browser (no server uploads)

All Tools

Filter by category or click any tool to get started instantly.

  • Print

    Print Size & Resolution Checker

    Automatically calculates the maximum printable size from your image's pixel dimensions. Instantly checks print suitability for A4, A3, postcard, and other standard paper sizes.

    300dpiPrint Quality
    Use β†’
  • Print

    Reverse DPI Calculator

    Calculates the required pixel count from a desired print size and DPI. Instantly answers "how many pixels do I need to print at 300dpi on this paper size?"

    Pixel CountDPI Reverse
    Use β†’
  • Print

    Paper Size Comparison

    Visually compares international standard paper sizes such as A4, B4, and A3 to scale. Intuitively understand actual size differences at a glance.

    A SeriesB Series
    Use β†’
  • ADVERTISEMENT
  • Image

    Web Preview

    Previews HTML code in real time in the browser. Write code and instantly see the rendered output β€” great for debugging and quick testing.

    HTML PreviewReal-time
    Use β†’
  • Image

    Image Format Converter

    Converts between image formats including JPG, PNG, WebP, and GIF β€” all in the browser with no server uploads.

    JPG→WebPPNG Convert
    Use β†’
  • Image

    Color Palette Extractor

    Automatically extracts dominant colors from an image and generates a color palette. Useful for verifying brand colors and planning design color schemes.

    HEX ExtractColor Analysis
    Use β†’
  • Image

    Image Compressor

    Reduces image file size while maintaining quality. Ideal for improving web page load speed and reducing file sizes for email attachments.

    Size ReductionWeb Optimize
    Use β†’
  • Image

    Image Resizer

    Resizes images to a specified pixel size. Supports conversion to SNS post sizes, banner sizes, and aspect-ratio-preserving resizes.

    SNS SizesRatio Lock
    Use β†’
  • Image

    Image Cropper

    Crops any region of an image. Supports SNS header ratios, square icon crops, and thumbnail extraction.

    CropRatio Spec
    Use β†’
  • Image

    Image Rotator

    Rotates and flips images at 90Β°, 180Β°, or any custom angle. Also supports automatic correction of iPhone EXIF orientation issues.

    90Β° RotateFlip
    Use β†’
  • Image

    Background Remover

    Makes a solid-color background transparent and saves as PNG. Tolerance control lets you remove similar colors in one pass.

    Transparent PNGBG Remove
    Use β†’
  • Image

    Watermark Tool

    Overlays text or a logo on an image. Freely adjust position, opacity, and angle β€” great for proof submissions and sharing draft images.

    Text WatermarkLogo Overlay
    Use β†’
  • Image

    HEIC Converter

    Converts HEIC/HEIF images taken on iPhone to JPG or PNG. Supports batch conversion of multiple files.

    iPhone PhotoHEIC→JPG
    Use β†’
  • Image

    WebP/AVIF Compression Comparison

    Side-by-side comparison of the original image, WebP, and AVIF formats. Simultaneously view file size reduction rates and visual quality.

    Format CompareWeb Optimize
    Use β†’
  • Design

    Contrast Checker

    Validates the contrast ratio of text and background colors against WCAG 2.1 standards. Determines AA/AAA compliance for web accessibility.

    WCAG 2.1Accessibility
    Use β†’
  • Design

    QR Code Generator

    Instantly generates a QR code by simply entering a URL or text. Download as PNG for use in print materials or websites.

    PNG OutputURL→QR
    Use β†’
  • Design

    CSS Gradient Generator

    Visually configure gradients and auto-generate CSS code (linear-gradient / radial-gradient). Copy and paste directly into your project.

    linear-gradientCSS Output
    Use β†’
  • Design

    Favicon / App Icon Generator

    Generates favicons, Apple Touch Icons, and PWA icons from a single image. Also auto-generates the HTML snippet β€” ready to use immediately in web projects.

    favicon.icoPWA Icon
    Use β†’
  • Design

    OGP Image Size Checker

    Automatically checks if your image meets recommended sizes for X (Twitter), Facebook, LINE, note, and other platforms. Helps optimize per-platform sharing.

    SNS OptimizeOGP Check
    Use β†’
  • Calc & Convert

    Aspect Ratio Calculator

    Calculates the aspect ratio from video or image width and height, and computes alternative resolutions while maintaining the ratio. Supports common ratios like 16:9 and 4:3.

    16:9Ratio Lock
    Use β†’
  • Calc & Convert

    Base64 Encode / Decode

    Converts text or image data to and from Base64 format. Useful for embedding inline images in CSS as data URIs or for email attachments.

    Encodedata URI
    Use β†’
  • Calc & Convert

    SVG Optimizer / Minifier

    Removes unnecessary comments, metadata, and whitespace from SVG files to reduce file size. Also supports optimization for inline embedding.

    SVG CompressInline Optimize
    Use β†’
  • Guide

    Print Knowledge

    An in-depth guide covering the mechanics of resolution (PPI/DPI), how to prepare print-ready files, and a checklist for avoiding common mistakes. Essential reading from beginners to DTP professionals.

    DTP BasicsResolution Guide
    Read β†’
  • Guide

    Web Knowledge

    A practical guide to image formats, resolution, and accessibility essentials for web design. Covers everything web designers and coders need in day-to-day work.

    Web BasicsImage Optimize
    Read β†’

Tool Comparison: Quick Reference

Find the right tool for your needs by use case, features, and target user at a glance.

ADVERTISEMENT

Frequently Asked Questions

Common questions about hivivih.com tools.

Print Size vs. Resolution: What's the Connection?

Resolution (PPI: Pixels Per Inch) is a metric indicating the number of pixels per inch, and it is the key value that determines the sharpness and clarity of a printed piece. The larger the print size for the same image, the fewer pixels per inch β€” and the grainier the result.

What is PPI (Pixels Per Inch)?

PPI (Pixels Per Inch) is a unit representing the resolution of a digital image β€” how many pixels are lined up within one inch. In the printing industry, 300 PPI or higher is considered high quality; below that, dots become visible in the printed piece.

DPI vs. PPI

DPI (Dots Per Inch) refers to the density of ink dots from a printer, while PPI (Pixels Per Inch) refers to the pixel density of a digital image. DPI is used for printer specs; PPI is used to check image quality. In practice, they are often used interchangeably. See Print Knowledge for more details.