Menu
×
Get Certified Upgrade Academy Spaces Practice Get Certified Upgrade Academy Spaces Practice
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT SWIFT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SWIFT SASS VUE GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING HTML & CSS BASH RUST TOOLS

Developer Tools

Tools Home

Formatters

JSON Formatter HTML Formatter CSS Formatter JS Formatter SQL Formatter XML Formatter

Encoders / Decoders

Base64 URL Encode/Decode HTML Entities JWT Decoder Base32 Encode/Decode Base58 Encode/Decode ROT13 / ROT47 Cipher CRC32 Checksum Punycode Converter Quoted-Printable

Converters

JSON ↔ YAML JSON ↔ CSV Number Base Unix Timestamp Case Converter JSON to TypeScript JSON Schema Generator SQL to JSON Text to HTML XML to JSON CSV to Markdown Query String Converter

Generators

UUID Generator Hash Generator Password Generator Lorem Ipsum QR Code Slug Generator Meta Tag Generator Placeholder Image HTML Table Generator robots.txt Generator .htaccess Generator Mock Data Generator README Generator

Testers

RegEx Tester Text Diff Markdown Preview String Inspector JSON Path Evaluator CSV Viewer JSON Tree Viewer Live Code Preview SVG Preview JSON Compare Responsive Tester

CSS Visual Tools

Gradient Generator Box Shadow Generator Flexbox Playground Grid Generator CSS Unit Converter Border Radius Text Shadow Animation Generator Filter Generator Transform Generator Clip Path Generator Multi-Column Glassmorphism Generator Neumorphism Generator CSS Loader Generator CSS Button Generator Cubic Bezier Editor CSS Blob Generator

Colors & Accessibility

Color Picker Color Converter Palette Generator Contrast Checker Color Blindness Simulator Shades & Tints Generator Color Name Finder

Text Utilities

Line Sort/Dedupe Escape/Unescape URL Parser Word Counter Emoji Picker Encoding Detector Find and Replace Whitespace Cleaner Character Counter Text to Binary Morse Code Translator NATO Phonetic Alphabet

Dev Utilities

Cron Parser Chmod Calculator HTTP Status Codes MIME Type Lookup Aspect Ratio Calculator Social Share Preview Font Preview CSS/JS Minifier Pixel Ruler Device Mockup cURL Converter User Agent Parser HTTP Header Analyzer

Calculators

IP Subnet Calculator Binary & Bitwise Calculator Unit Converter Roman Numeral Converter Date & Age Calculator

SVG Tools

SVG Optimizer SVG to PNG SVG to Data URI SVG Blob Generator SVG Wave Generator SVG Pattern Generator

Project Files

.gitignore Generator License Generator package.json Generator .editorconfig Generator Dockerfile Generator .env Example Generator

Image Editing

Crop Image Rotate Image Flip Image Resize Image Grayscale Image Blur Image Pixelate Image Add Border to Image Watermark Image Add Text to Image Circle Crop Join Images Image Splitter Image Color Picker EXIF Metadata Viewer

Image Converters

Image Converter PNG to JPG PNG to WebP PNG to BMP PNG to GIF JPG to PNG JPG to WebP JPG to BMP JPG to GIF WebP to PNG WebP to JPG WebP to BMP WebP to GIF BMP to PNG BMP to JPG BMP to WebP BMP to GIF GIF to PNG GIF to JPG GIF to WebP GIF to BMP

Image Compression

Compress Image Bulk Image Compressor Increase Image Size Compress Image to 10 KB Compress Image to 20 KB Compress Image to 50 KB Compress Image to 100 KB Compress Image to 200 KB Compress Image to 500 KB Compress Image to 1 MB Compress Image to 2 MB

Social Media

Social Media Image Resizer Resize to IG Post Resize to IG Portrait Post Resize to IG Landscape Post Resize to IG Story Resize to IG Profile Photo Resize to FB Post Resize to FB Cover Photo Resize to FB Profile Photo Resize to FB Story Resize to FB Event Cover Resize to X Post Image Resize to X Header Banner Resize to X Profile Photo Resize to YT Thumbnail Resize to YT Banner Resize to YT Profile Photo Resize to LI Post Image Resize to LI Cover Banner Resize to LI Profile Photo Resize to LI Logo Resize to TT Video Cover Resize to TT Profile Photo Resize to PIN Pin Resize to PIN Profile Photo Resize to WA Profile Photo Resize to WA Status

Meme Tools

Meme Generator Demotivational Poster Video Meme GIF

PDF Tools

Image to PDF Merge PDF Split PDF PDF to Image Compress PDF

GIF Tools

GIF Maker Video to GIF GIF to Frames Add Text to GIF GIF Speed and Reverse

Audio Tools

Audio Cutter Audio Joiner Audio Volume and Fade Audio to WAV Converter Audio Metadata Viewer

Audio Converters

MP3 to WAV OGG to WAV M4A to WAV FLAC to WAV WAV to MP3 OGG to MP3 M4A to MP3 FLAC to MP3

SEO Tools

Favicon Generator Sitemap Generator JSON-LD Schema Generator UTM Link Builder Hreflang Tag Generator

Security & Crypto

AES Encrypt / Decrypt Key Pair Generator HMAC Generator JWT Signer Token Generator

Add Border to Image

Image Border Tool

Add a solid color border or frame around an image, with optional rounded corners.

Drop an image here or click to upload

Supports PNG, JPEG, WebP, GIF, BMP

About Image Borders

A border adds a colored frame around an image, increasing its overall dimensions. Rounded corners give a softer, modern look.

White borders are popular for social media posts, while colored borders help images stand out on a page.

PLUS
SPACES
GET CERTIFIED
FOR TEACHERS
BOOTCAMPS
CONTACT US
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
AngularJS Reference
jQuery Reference
Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples
Get Certified
 HTML Certificate
CSS Certificate
JavaScript Certificate
Front End Certificate
SQL Certificate
Python Certificate
PHP Certificate
jQuery Certificate
Java Certificate
C++ Certificate
C# Certificate
XML Certificate
FORUM ABOUT ACADEMY
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookies and privacy policy.

Copyright 1999-2026 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.