Image Resizer and Image Converter





Image Converter


Image Converter & Image Resizer Tool















Embed Image Converter/Resizer Widget

				
					<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Image Converter</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 50px auto;
            padding: 20px;
            border: 2px solid #ccc;
            border-radius: 10px;
            max-width: 100%;
            box-sizing: border-box;
        }
        h2 {
            text-align: center;
            margin-top: 0;
        }
        label {
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
        }
        select, input[type="number"], input[type="file"], input[type="button"] {
            margin-bottom: 15px;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
            width: 100%;
        }
        input[type="button"] {
            background-color: #007bff;
            color: white;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        input[type="button"]:hover {
            background-color: #0056b3;
        }
        #downloadLink {
            display: block;
            text-align: center;
            margin-top: 15px;
        }
        img {
            max-width: 100%;
            margin-top: 15px;
        }
        /* Footer styles */
        footer {
            text-align: center;
            margin-top: 30px;
            font-size: 12px;
            color: #666;
        }
        footer a {
            color: #666;
        }
        /* Error message */
        #error {
            color: red;
            font-weight: bold;
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>
<h2>Image Converter</h2>
<form id="imageForm">
    <label for="imageInput">Select Image:</label>
    <input type="file" id="imageInput" accept="image/*">
    <label for="format">Choose Format:</label>
    <select id="format">
        <option value="jpeg">JPEG</option>
        <option value="png">PNG</option>
        <option value="gif">GIF</option>
        <option value="webp">WebP</option>
    </select>
    <label for="width">Width (px):</label>
    <input type="number" id="width">
    <label for="height">Height (px):</label>
    <input type="number" id="height">
    <input type="button" value="Resize Image" onclick="checkBacklink()">
</form>
<a id="downloadLink" download="converted_image" style="display: none;">Download Converted Image</a>
<img id="convertedImage">
<!-- Footer -->
<footer>
    Powered by <a href="" target="_blank" rel="nofollow noopener">Job Info India</a>
</footer>
<!-- Error message -->
Please include the backlink to Job Info India to use this tool.
</body>
</html>

				
			

The Image Converter tool offers a simple yet powerful solution for converting and resizing images effortlessly.

Image Input: Users can upload their images directly from their device by clicking the “Select Image” button.

Conversion Options: Choose from a variety of conversion options including JPEG to PNG, PNG to JPEG, PNG to GIF, PNG to WebP, JPEG to WebP, GIF to WebP, WebP to PNG, WebP to JPEG, and WebP to GIF.

Resizing: Customize the dimensions of your image by specifying the desired width and height in pixels.

Conversion Process: Once the image and conversion options are selected, users can initiate the conversion process by clicking the “Convert” button.

Download: After conversion, users can download the converted image file with a simple click on the “Download” button.