Image Picker for OBS

Tracking since Apr 28, 2026.

Changelog

• Jun 5, 2026
  description

  Have you ever been mid-stream and wanted to show an image on stream without having to deal with creating sources, fumbling with urls? Me too, so I made this.
  
  Image Picker for OBS lets you easily grab any image from a webpage and add it to your OBS scene as a browser source. This means no copy-pasting, no file downloads, no hassle. 
  
  Here is how it works:
  - Click the extension icon and press "Pick Image"
  - Images show a highlight as you hover over them
  - Click on the one you want to display on OBS and it immediately lands there.
  - Want another image? Just pick a new one, it automatically adds it
  
  Setup takes about 30 seconds:
  You'll need OBS 28 or newer (it has the websocket server built in). Turn on the WebSocket server in OBS under Tools → WebSocket Server Settings, then open the extension settings (Right-Click → Options) and put in your connection details. Feel free to use the test button to check if the connection is working.
  
  What you can configure:
  - OBS host, port, and password
  - Which scene to add the image to (or the active scene)
  - Custom source name
  - Output dimensions and whether it should scale to fit the image
  
  This extension is lightweight, does one thing, and does it well. If you think this is useful and you want to support development, I'd really appreciate a coffee: https://ko-fi.com/ceddini

  Have you ever been mid-stream and wanted to show an image on stream without having to deal with creating sources, fumbling with urls? Me too, so I made this.
  
  Image Picker for OBS lets you easily grab any image from a webpage and add it to your OBS scene as a browser source. This means no copy-pasting, no file downloads, no hassle. 
  
  Here is how it works:
  - Click the extension icon and press "Pick Image"
  - Images show a highlight as you hover over them
  - Click on the one you want to display on OBS and it immediately lands there.
  - Want another image? Just pick a new one, it automatically adds it
  
  Setup takes about 30 seconds:
  You'll need OBS 28 or newer (it has the websocket server built in). Turn on the WebSocket server in OBS under Tools → WebSocket Server Settings, then open the extension settings (Left-Click on the Extension → Cog-Symbol) and put in your connection details. Feel free to use the test button to check if the connection is working.
  
  What you can configure:
  - OBS host, port, and password
  - Which scene to add the image to (or the active scene)
  - Custom source name
  - Output dimensions and whether it should scale to fit the image
  
  This extension is lightweight, does one thing, and does it well. If you think this is useful and you want to support development, I'd really appreciate a coffee: https://ko-fi.com/ceddini
  
  LITTLE NOTE FOR OPERA / OPERA GX USERS:
  This extension will still work well, but it requries a special setting to be allowed to access search websites like Google, Bing, etc.
  There will be an instruction on how to give this permission when you first try to use the extension. Truly sorry for the inconvenience, but it's a safety measure by Opera / Opera GX.

Permissions & access

Permissions

storageactiveTabscriptingcontextMenus

Host access

None declared

Screenshots