The problem is the capture attribute.

According to MDN:

capture was previously a Boolean attribute which, if present, requested that the device's media capture device(s) such as camera or microphone be used instead of requesting a file input.

Also, the value of the accept attribute seems to be wrong (according to MDN). If it doesn't work try accept="image/*" instead.

Answer from Thomas on Stack Overflow
Images
How to test Native App vs Hybrid App vs Web App vs Progressive Web App (PWA)
What are Progressive Web Apps? PWA Guide for Beginners
PWA Progressive Web App, the latest website applications technology with fast loading offline service worker caching Stock Vector
PWA Progressive Web Apps smart phone web application development PWA Progressive Web Apps smart phone web application development vector pwa stock illustrations
Presentaciรณn PWA
PWA - Progressive Web App concept with big word text acronym and team people in modern flat style vector illustration
pwa progressive web app concept with modern big text or word and people with icon related modern flat style Stock Vector
What is PWA
PWA key components
PWA Progressive Web App concept. Interface technology, the future of user experience, journey and technology concept, digital screen interface 4K
PWA Progressive Web App, the latest website applications technology with fast loading offline service worker caching Stock Vector
How to choose PWA framework
ChibiCart PWA - One App, Everywhere! Chibi character with devices showing synchronized shopping lists
Progressive Web App, PWA, vector illustration
PWA concept cell background 3d illustration Stock Illustration
13_pwa.png
How does PWA work
PWA Progressive Web App, the latest website applications technology with fast loading offline service worker caching
๐ŸŒ
PWABuilder
pwabuilder.com โ€บ imageGenerator
Image Generator / PWABuilder
Publish your Progressive Web App (PWA) to app stores
๐ŸŒ
Pwa Icon Generator
pwa-icon-generator.vercel.app
Pwa Icon Generator
Easily generate application icons with the PWA Icon Generator.
๐ŸŒ
Progressier
progressier.com โ€บ pwa-icons-and-ios-splash-screen-generator
PWA Icons & iOS Splash Screens Generator | Progressier
Upload an image to generate all app icons, iOS splash screens and meta tags required for an awesome PWA that works on every iPhone and iPad. Upload image Accepted file formats: PNG, JPG, SVG, WEBP. Recommended size: 512x512 or higher.
๐ŸŒ
Mozilla
developer.mozilla.org โ€บ en-US โ€บ docs โ€บ Web โ€บ Progressive_web_apps โ€บ How_to โ€บ Define_app_icons
Define your app icons - Progressive web apps | MDN
It's best to test your icon on all the devices and operating systems you want to support, and generate the sizes and image types that lead to the best results. You can also use a tool like PWA Image Generator to generate the necessary icon sizes for you from a single high-definition image.
๐ŸŒ
Vite Plugin PWA
vite-pwa-org.netlify.app โ€บ assets-generator
Getting Started | PWA Assets Generator | Vite PWA
This package has been developed based on the work done in Elk PWA Icon Generator Script. With a single image source you can generate all the required icons for your PWA application, via @vite-pwa/assets-generator CLI or API.
๐ŸŒ
Shutterstock
shutterstock.com โ€บ search โ€บ pwa
333 Pwa Images, Stock Photos, 3D objects, & Vectors | Shutterstock
Find Pwa stock images in HD and millions of other royalty-free stock photos, illustrations and vectors in the Shutterstock collection. Thousands of new, high-quality pictures added every day.
Find elsewhere
๐ŸŒ
Adobe Stock
stock.adobe.com โ€บ search
Pwa Images โ€“ Browse 398 Stock Photos, Vectors, and Video | Adobe Stock
September 6, 2025 - Search from thousands of royalty-free Pwa stock images and video for your next project. Download royalty-free stock photos, vectors, HD footage and more on Adobe Stock.
๐ŸŒ
Progressier
progressier.com โ€บ pwa-capabilities โ€บ image-editing
Image Editing PWA Demo
I first developed it as a feature for paying customers, but then made a free no-signup-required version of it, which you can use to design screenshots for PWAs (or any other types of apps, really). It's entirely built in vanilla JavaScript and uses <canvas> for all image editing and rendering features.
๐ŸŒ
GitHub
github.com โ€บ elegantapp โ€บ pwa-asset-generator
GitHub - elegantapp/pwa-asset-generator: Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
Starred by 3K users
Forked by 152 users
Languages ย  TypeScript 93.1% | JavaScript 6.3% | HTML 0.6%
๐ŸŒ
web.dev
web.dev โ€บ learn โ€บ pwa โ€บ web-app-manifest
Web app manifest - PWA
Optional, a shorter name of your PWA, used when there is not enough room to display the full value of the name field. Keep it under 12 characters to minimize the possibility of truncation. ... Array of icon objects with src, type, sizes, and optional purpose fields, describing what images should represent the PWA.
๐ŸŒ
Medium
medium.com โ€บ @applification โ€บ progressive-web-app-splash-screens-80340b45d210
Progressive Web App Splash Screens | by Dave Hudson | Medium
February 21, 2018 - The name property is set to the name of your PWA. The background_color property is set to a valid CSS color value. The icons array specifies an icon that is at least 512px by 512px. The icon exists and is a PNG. On Android this works ok, however, iOS does not support a similar method of automatically showing a splash screen. Instead you need to provide splash screens tailored for each iOS device using the <link rel="apple-touch-startup-image...
๐ŸŒ
npm
npmjs.com โ€บ package โ€บ pwa-asset-generator
pwa-asset-generator - npm
Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs ...
      ยป npm install pwa-asset-generator
    
Published ย  Sep 26, 2025
Version ย  8.1.2
Author ย  ร–nder Ceylan
๐ŸŒ
iStock
istockphoto.com โ€บ photos โ€บ pwa
208,800+ Pwa Stock Photos, Pictures & Royalty-Free Images - iStock
Windsurf Training Alacati / Turkey - June, 15, 2015: Windsurf training sessions for beginner to intermediate levels and expert level preparations for PWA World Tour Windsurfing Competition. pwa stock pictures, royalty-free photos & images
๐ŸŒ
Medium
daviddalbusco.medium.com โ€บ take-photo-and-access-the-picture-library-in-your-pwa-without-plugins-876dc92989b
Take photo and access the picture library in your PWA (without plugins) | by David Dal Busco | Medium
September 27, 2019 - Press enter or click to view image in full size ยท When I wrote this post I was visiting Frankfurt, I could had use your PWA to take this picture ๐Ÿ˜‰ ยท I recently developed a new feature in our upcoming web open source editor for presentations, DeckDeckGo, to let users upload their own pictures.
๐ŸŒ
GitHub
github.com โ€บ pwa-builder โ€บ pwabuilder-Image-Generator
GitHub - pwa-builder/pwabuilder-Image-Generator: A web tool that generates images for various app platforms. Including Windows and PWABuilder
A web tool that generates images for various app platforms. Used by PWABuilder.com.
Starred by 24 users
Forked by 11 users
Languages ย  C# 96.6% | Dockerfile 3.4%
๐ŸŒ
Mittl-medien
mittl-medien.de โ€บ pwa-asset-generator
PWA Asset Generator | PWA Icons | PWA Splash Screens | miTT PWA
miTT PWA Asset Generator is a free tool to generate your App Icons for your Progressive Web App (PWA) and ios Splash Screens. It helps you for the Wordpress PWA Plugin miTT PWA, Joomla Plugin or any other Web App. ... After filling in the fields and uploading the image, a zip folder with the generated icons and splash screens for PWA is created and will be downloaded by the browser.
๐ŸŒ
Pwabuilder
blog.pwabuilder.com โ€บ docs โ€บ image-recommendations-for-windows-pwa-packages
Image recommendations for Windows PWA packages | PWA Builder Blog
Your PWA for Windows should have a square, 512x512 or larger PNG image from which PWABuilder will generate the recommended Windows app images.
๐ŸŒ
web.dev
web.dev โ€บ articles โ€บ adaptive icon support in pwas with maskable icons
Adaptive icon support in PWAs with maskable icons | Articles | web.dev
December 19, 2019 - Transparent PWA icons appear inside white circles on Android. Maskable icons are a new icon format for Chrome and Firefox that lets your Progressive Web App use adaptive icons and gives you more control over your icon's appearance. Maskable icons cover the entire circle instead.