Tutorial

Back to Tutorials

Optimising Images for Web

A quick guide to getting the best results

Register to attend Frog's Release Showcase... Register Now

Pixlr Editor


This is a currently free website from Autodesk which offers lots of tools for image editing
 

butterfly Pixlr Editor

Pixlr is Flash-based.  You may need to enable this in your browser.  You can find instructions here:

https://helpx.adobe.com/flash-player/kb/enabling-flash-player-chrome.html

 

  • Import your image into Pixlr from the opening screen, OPEN IMAGE FROM COMPUTER
     

pixlr
 

  • From the Image menu, choose Image Size...
     

imagesize
 

  • In the pop up, type 1000 in the width box
  • Click OK
     

imagesizepixels
 

  • The image reduces in size and is now ready to save
  • In the File menu, choose Save
  • In the new pop up, make sure My Computer is highlighted, JPEG and 80 quality is fine
  • Click OK to save you image
     

saveimage

 

Final result

 

resultimage

Image size:130 Kb

1.4% file size of original


Tutorials in this series...

product hubs
 

FrogProgress-600_600.png  FrogLearn 600_600.png  FrogPlay 600_600.png

Product updates
 

#
A sneak peek at the new Frog App and updates to the Frog interface.
#
Save time with pre-populated site templates
#
FrogLearn now has over 30 mobile themes
#
How we can work with Multi-Academy Trusts
#
Progress Hub - All about our student progress tracker
#
All about our student progress tracker
#
All about our online assessment system
#
Helpful information that relates to GDPR functionality inside the Frog platform
#
Get access and use all our in-platform Site templates
#
Save time with pre-populated site templates

Quicklinks
 

BLOGS