Background

To improve user facility with editing image sizes for blog or website use, I built an Arduino-based device that communicates with Firefox to adjust the size of images and save the newly edited images to the server. The device relies on a potentiometer as input for scaling the image, and serial communication with the browser to make changes to the image.

How It Works

This project requires the Seriality plug-in for Firefox (this opens up serial communication in the browser). In order to access Seriality in a given web page, you need to add this object in the body of your html:

<object type="application/seriality" id="seriality" width="0" height="0"></object>

The other components include an Arduino controller, a JavaScript function that resizes the images based on input from the Arduino controller, and a PHP script that saves the resized image to the server. The Arduino controller contains a potentiometer that is used to control the size of the images, and a button that tells the browser to save the image.