{"$schema":"https://toolsly.tools/schemas/tool-manifest-v1.json","generated":"2026-05-20T20:47:38.021Z","discovery":{"catalog":"https://toolsly.tools/tools.json","llmsTxt":"https://toolsly.tools/llms.txt","sitemap":"https://toolsly.tools/sitemap.xml"},"relatedTools":[{"slug":"image-cropper","name":"Image Cropper","url":"https://toolsly.tools/image-cropper"},{"slug":"png-cropper","name":"PNG Cropper","url":"https://toolsly.tools/png-cropper"},{"slug":"image-to-grayscale","name":"Image to Grayscale","url":"https://toolsly.tools/image-to-grayscale"},{"slug":"image-to-bw","name":"Image to Black & White","url":"https://toolsly.tools/image-to-bw"},{"slug":"image-to-sepia","name":"Image to Sepia","url":"https://toolsly.tools/image-to-sepia"},{"slug":"image-invert-colors","name":"Invert Image Colors","url":"https://toolsly.tools/image-invert-colors"},{"slug":"image-blur","name":"Blur Image","url":"https://toolsly.tools/image-blur"},{"slug":"image-rotate","name":"Rotate Image","url":"https://toolsly.tools/image-rotate"}],"kind":"converter","slug":"add-background","name":"Add Background","description":"Paint a solid color or padding behind a transparent image — perfect after using Remove Background.","longDescription":"Drop in a PNG (or any image — transparent pixels keep their alpha, opaque pixels are unchanged). Pick a background color and an optional padding amount, and download the composite. Useful right after Remove Background for product photos, profile pictures with a brand color, or screenshots that need a frame. Runs entirely in your browser — files never leave your device.","category":"image","categoryName":"Image","keywords":["add background","add background to image","add background to photo","image background changer","add color background","image background editor","replace background color","white background generator","add background online","free background tool","composite image","flatten transparent image","image background fill"],"url":"https://toolsly.tools/add-background","runsOn":"client","multiple":false,"batch":false,"input":{"type":"file","extensions":[".png",".webp",".gif"],"mimeTypes":["image/png","image/webp","image/gif"]},"output":{"type":"file","extension":".png","mimeType":"image/png"},"options":[{"type":"select","key":"preset","label":"Background color","defaultValue":"white","choices":[{"value":"white","label":"White"},{"value":"black","label":"Black"},{"value":"red","label":"Red"},{"value":"orange","label":"Orange"},{"value":"yellow","label":"Yellow"},{"value":"green","label":"Green"},{"value":"teal","label":"Teal"},{"value":"blue","label":"Blue"},{"value":"indigo","label":"Indigo"},{"value":"purple","label":"Purple"},{"value":"pink","label":"Pink"},{"value":"gray","label":"Gray"},{"value":"light-gray","label":"Light gray"},{"value":"dark-gray","label":"Dark gray"},{"value":"emerald","label":"Emerald"}],"help":"Pick a preset or override with the custom hex below."},{"type":"text","key":"custom","label":"Custom hex (overrides preset if filled)","defaultValue":"","placeholder":"#059669"},{"type":"number","key":"padding","label":"Padding (px)","defaultValue":0,"min":0,"max":500,"step":1,"help":"Adds extra space around the image, filled with the same background color."},{"type":"select","key":"format","label":"Output format","defaultValue":"png","choices":[{"value":"png","label":"PNG (lossless)"},{"value":"jpeg","label":"JPG (smaller)"},{"value":"webp","label":"WebP (smaller, modern)"}]}],"invocation":{"webUi":"https://toolsly.tools/add-background","api":null,"notes":"Currently runs client-side in the user's browser. Drop a file on the UI at `webUi` and download the converted result. A remote MCP/REST API is planned."}}