As you incorporate media (including images, GIFs, and videos) in your message, use this guide to troubleshoot MMS and optimize engagement and content.
Note: Media may appear differently for subscribers, depending on their device. Carriers and devices may shrink or enlarge media to accommodate screen sizes.
How do I reduce my file size?
Media (especially photos) contain many pixels to accommodate shadows, highlights, and color variation. When you resize the media to be less than 500 KB, it will become slightly blurrier. This is due to the reduced color palette and pixels.
Reduce JPG or PNG file size
Follow the instructions below to compress and resize your images:
- On the top menu of Ezgif.com, click Resize.
- Click Choose file to upload your desired image. Then, click Upload. The image resizer appears.
- Below your image, enter the desired Width and Height. When you are satisfied, click Resize Image!.
- Below the new image, click Optimize.
- The last step depends on whether you are using a JPG or PNG image:
- JPG: Adjust the Image Quality Factor, or check fit file size in to compress the image under 500 KB.
- PNG: Click Optimize PNG!.
- Save your image.
Reduce GIF file size
Follow the instructions below to compress and resize your GIF file:
- On the top menu of Ezgif.com, click Resize.
- Click Choose file to upload your desired media. Then, click Upload. The Animated GIF Resizer appears.
- Below the GIF, enter a new Width and Height for your media. Make sure it aligns with our recommended aspect ratios.
- When you are satisfied, click Resize image! Your resized media appears below.
- Below the new GIF, click Optimize. The Online GIF Optimizer appears.
- In the Optimization method drop-down, click Remove every 2nd, 3rd, or 4th frame. Repeat the process until it is under 1MB. Be careful of your timing and make sure it is not too fast.
- When you are satisfied, click the Save button. Then, click Frames under the new media. All of the frames of the GIF display.
- Adjust the delay times to control how long each frame displays. Note that 100 is .001 seconds.
- When you are satisfied, click Make a GIF!
- On the new GIF, click Optimize. Adjust the Compression level slider until it is under 500 KB.
- Select Optimize GIF! and Save your GIF.
How can I make a GIF with my images?
On FancyMMS, you can combine multiple images into a GIF for your campaign or journey message. As you design the GIF, the preview screen updates in real time.
- On FancyMMS, select the dimensions of your GIF. For guidance on aspect ratios, see: FAQs: MMS messages.
- Click the + icon to upload an image. Crop the image to fit your selected dimensions. Repeat this step for each image you would like to use.
- To reorder images, drag them left and right.
- To adjust the timing of each image, put your cursor over the image and click the stopwatch icon. Make sure to keep it over 0.5 seconds.
- If the GIF exceeds 500kb, click the Compress icon to reduce this size.
- When you are satisfied with the GIF, click Download MMS.
Adjust the GIF’s speed
As you create your GIF on FancyMMS, follow these steps to speed up or slow down individual frames. For optimal results, it is recommended to keep each frame over 0.5 seconds.
- On FancyMMS, hover your cursor over the image you would like to adjust the timing on.
- Click the stopwatch icon.
- Enter the number of seconds you would like the GIF to display the image.
- Repeat this process for each desired frame.
- When you are satisfied with the GIF, click Download MMS.
How can I enhance image quality?
We recommend the following practices to ensure a higher quality image:
- Use PNG images: PNGs are lossless files, which ensures that the file does not lose quality, regardless of the platform it is on.
- Increase your resolution: By increasing the file size resolution around 72-300, we found that a higher resolution helps with the blurriness.
For more information on optimizing image quality, see FAQs: MMS messages.
Why does a random color appear behind my media?
If you send MMS messages with transparent backgrounds, a random color appears as the background. This color is out of our control, thus we recommend adding a solid colored background to better control what subscribers see.
How do I avoid random-colored backgrounds?
We recommend using media that does not have transparent backgrounds. Solid colored backgrounds and full-bleed media can ensure that the background is consistent and controlled.
However, if the media you would like to use has a transparent background, you can follow the steps below to add a solid background in Photoshop.
- Upload the media to Photoshop.
- If this is a GIF or video, click Open Timeline.
- Go to Layer > New Fill Layer and click Solid Color. Select a color that you would like to use as the background. Then, place it behind your media.
- For videos and GIFs, make sure that the background layer applies to the entirety of the media.
- Test the new media on your phone to see the results.
Why is my media discolored?
If the background or other elements of your media are too similar, it can result in discoloration. However, you can override this with a desired color by tracing out the background or elements affected and adding that color. Alternatively, you can add an overlay or adjust the brightness and contrast; this causes the media to differentiate the different elements within its composition.
How do I fix discoloration?
Follow the instructions below to add a solid background color to your transparent media. This will ensure that all subscribers view the same background color that you configure.
- Upload the media to Photoshop.
- In Photoshop, click Open Timeline.
- Locate the frame that contains discoloration. Then, using the Pen Tool, trace over the background.
- Use the Eyedrop Tool to select a color to apply to the background. Make sure this color does not blend into the other elements in front of it.
- Alternative option: Use the Magic Wand to mask out the background.
- Alternative option: Add a solid color to go below all of the layers.
- Create folders with the background and frame that you traced. Use these to rearrange the Timeline.
- Open Save for Legacy and use our GIF exportation settings.
- Use Ezgif.com to resize and compress the file as needed.
Why is my image blending together?
If elements within your image are too close together, your image may blend due to low contrast. iOS and Android softwares don't always distinguish nuanced colors well. We recommend maintaining high contrast throughout your images to mitigate this, and ensure ADA compliance. You can increase contrast by: increasing the difference between elements, darkening or lightening the background, or breaking down the elements.
Increase the difference between elements
Increasing effects such as brightness, contrast, curves, or levels helps to set objects apart from one-another in your image. Follow the instructions below to increase contrast through these elements.
- Send yourself a test message to locate the blending issue(s) in your media. Make a note of these.
- In Photoshop, open your Timeline to view the frames, their durations, and the placement of objects within each frame.
- Use Adjustment Layers to increase the following aspects. You can try all of them at the same time, or individually.
- Brightness
- Contrast
- Curves
- Levels
- Save your changes.
If this does not distinguish the object from the background enough, you can also darken or lighten the background to further isolate the moving text or object.
Darken or lighten the background of an image
Another way to adjust the contrast of your image is through the background. Follow the instructions below to darken or lighten the background to clearly distinguish it from other elements.
- Send yourself a test message to locate the blending issue(s) in your media. Make a note of these.
- In Photoshop, open your Timeline to view the frames, their durations, and the placement of objects within each frame.
- Duplicate the image you would like to focus on.
- Click Burn Tool to darken the image, or Dodge Tool to lighten the image.
- Set the Exposure to 25 - 50%. Higher exposure results in stronger effects. While doing this, switch to Shadows or Highlights to create contrast within the image composition so that elements stand out.
- Click Brush. Then, brush the media until you have the desired effect.
- Save your changes.
Break down elements within your media
Another way to increase the contrast in your media is to break down the elements within it. You can accentuate and isolate elements to piece together a full image with greater contrast.
- Send yourself a test message to locate the blending issue(s) in your media. Make a note of these.
- In Photoshop, open your Timeline to view the frames, their durations, and which objects do and don't display in the frame. We recommend keeping note of this.
- Duplicate each frame.
- Isolate or mask all of the objects in each frame with one of the following tools. This includes text, background, emojis, faces, and other objects.
- Color range
- Pen tool
- Magic Wand
- Isolate the elements you wish to edit within an image that moves on each frame.
- Increase the contrast and color of the objects or background by darkening or lightening the colors.
- Save your changes.
How do I fix my image if it is zoomed in?
Sometimes media appears more zoomed in than you anticipated, and subscribers can't zoom out to see the full image. In order to mitigate this issue, we recommend resizing the image to one of the following dimensions:
- 350x350 (square)
- 350x349 or less (landscape)
By reformatting it to be wider than it is tall, you force the software to show the original image.
Follow the instructions below to resize the image:
- On Ezgif.com, select Resize in the top menu.
- Click Choose file to upload your desired image. Then, click Upload.
- Enter a new Width and Height for your media. These dimensions should be under 350 pixels, and the height should be no greater than the width.
- Save your changes.