Before you get started
- You must use an image 'Web Section' in order to place an image on your page. Images can only be placed within the pre-defined area of that section. It's currently not possible to upload images to any location outside of an image 'Web Section'.
- It's currently not possible to resize image file sizes in Remixer.
- To improve your site speed, make sure your image file sizes are optimal. A general size would be 300k for logos and 100k for all other images. The more images, the longer your page will take to load.
- For image editing, you can zoom, flip, or rotate images, and apply color filters.
Uploading images into Remixer
Remixer allows you to upload images from several sources such as social media accounts, Pixabay, or an existing website.
Not all image formats function with Remixer. For example, if you try to upload a .svg or .tiff file, Remixer will display an error message.
It's recommend you use .png or .jpg image formats.
You can also add a .gif images, but they will display as static images even if the gif itself is a moving image.
Once uploaded, you can add them to your website.
To upload:
- Open Remixer.
- Click the 'Media' button on the top right.
- Click the Images link to view your options to upload.
- Upload from computer
- Import social media
- Search Pixabay
- Import a website
- Click on any option and upload your images.
Adding an image to your page
- Add a 'Web Section' that contains images.
- Click the stock image you'd like to change.
- The left pane opens an image editor.
- Click an image you've already uploaded.
- Once clicked, the image is immediately added to your page.
Deleting an image
- Click the Media button on the top right.
- Click the Images link to view all images.
- Click the image.
- On the bottom right, click the red 'Delete' button.
Editing an existing image on your page
Click the image to open the editing panel.
The editing panel allows you to rotate, flip, and re-center. Below these options are sliders for adjusting Image Opacity and Image Zoom Scale.
Replacing an image
- Click the Library tab to replace the image with one from your collection.
- Click an image in the list of images.
- Click the Add Media button to upload your image directly if it's not in the Library yet.
If you wish to change a previous image edit, click the Undo/Redo button in the top left corner of the Editor panel.
Adding images from Remixer's royalty-free catalog (Pixabay)
If you do not have any stock images, you can find some from Remixer's royalty-free image catalog. Click the Stock tab in the Image Editor to preview a list of stock photos. Then click the View More Images button to expand your search by specific keywords (e.g., "cat"):
Once you have selected stock photos from Pixabay search, it is added to your Library (or, Media) catalog. To return to the Image Editor, click the Close button in the bottom left corner of the Pixabay Search page.
You can now see the imported image by clicking the Library tab within the current image editor.
Applying a color filter to your image
You can apply color filters to your images by clicking the Filters tab, and then selecting a filter to overlay your image:
Applying a hyperlink to an image
You can also apply a hyperlink to your image by clicking the Link tab. Select the type of link you want from the drop-down menu:
- URL — Type in the URL you want the image to redirect to.
- Anchor — Link to any 'Web Section' on the current page
- Email — Set an email address as a mailto:// link
- Page — Link to another Remixer page
Please note that Image hyperlinking does not work for Hero or Parallax fullscreen 'Web Sections'. You can tell which 'Web Section' you're in by looking at the top right of the section. You'll see the name of it.
Exiting the Image Editor
After you finish editing your images, click the Close button in the bottom right corner of the Image Editor panel.
