ANY IMAGES
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Converter</title> <style> body { font-family: Arial, sans-serif; text-align: center; margin: 50px; } input[type="file"] { display: none; } label { background-color: #4CAF50; color: white; padding: 10px 20px; cursor: pointer; } canvas { display: none; } </style> </head> <body> <h1>Image Converter</h1> <label for="imageInput">Choose an image:</label> <input type="file" id="imageInput" accept="image/*"> <canvas id="outputCanvas" width="300