🥳 Celebrate Our Launch With a $200 LIFETIME Discount OFF The Premium Plan Use: BIRTHDAY2024

This offer expires 9/30/2024, at 11:59 PM EST

BizStackPro all-in-one digital marketing platform dashboard.

Image Optimization in the Site Builder – BizStackPro Help

Image Optimization in the Site Builder

Q: What is image optimization and why is it important?

Image optimization reduces the file size of images without significantly affecting visual quality. This helps pages load faster and improves both user experience and SEO performance.

Q: How do I know if my images are optimized?

After enabling optimization, you can review file sizes in your media library or use external tools to confirm compression.

Q: Can I override optimization for individual images?

Yes. The optimization toggle on the image element overrides the default funnel or website-level optimization setting.

Q: What types of animations can I apply?

Image and button elements support entrance animations (fade, slide, bounce, rotate, zoom), hover animations, and loop animations.

Q: Will image animations work on mobile?

Yes. All animations are responsive and designed to work across device sizes.

Q: How do I preview animations before publishing?

Animations can be viewed directly inside the site builder before saving or publishing.

Q: Can I apply multiple animations to a single element?

Yes. You may combine entrance, hover, and loop animations for more dynamic interactions.

Q: What should I do if animations do not display correctly?

Verify your animation selections, ensure changes are saved, and check for conflicts with other design settings.

Q: How do I test optimization and animations?

Use the builder preview mode to test both image optimization and animations before publishing live.

Speed up your pages by optimizing images—and make them feel more interactive with entrance and hover animations on images and buttons.

Browse Help Center See All Plans & Features

Improving Page Speed Without Sacrificing Visual Quality

Large image files and excessive visual effects can slow down funnels and websites, especially for visitors browsing on mobile devices or slower internet connections.

BizStackPro includes built-in image optimization settings and animation controls that help reduce image file sizes while adding entrance, hover, and loop effects to buttons and visuals.

Overusing animations or leaving images unoptimized can negatively impact load times, reduce usability, and create distracting page experiences that hurt engagement and conversions.

This guide explains how to enable image optimization, manage element-level overrides, apply animations to images and buttons, and balance page performance with interactive design inside BizStackPro.

Before applying multiple animations and optimization settings, it helps to understand how image performance and visual effects work together inside the BizStackPro builder.

Overview

Image optimization reduces image file size so your funnels and websites load faster—especially on mobile. In BizStackPro, optimization can be enabled at the funnel/website level and also toggled per image element. You can also enhance engagement with built-in entrance, hover, and loop animations.

Good to know: If an image element has its own optimization toggle, that element-level setting can override the global funnel/website setting.

How to Enable Image Optimization

Go to Sites → Funnels or Websites.
Open the page you want to edit and click Edit.
Select an existing Image element (or add one).
In the right-side Element Settings, toggle Image Optimization ON (or OFF).

Tip: If you set a global optimization preference in funnel or website settings, keep your element-level toggles consistent unless you have a specific reason to override.

Entrance, Hover, and Loop Animations

Animations help highlight key visuals and CTAs. Use them strategically—especially on buttons and hero images.

How to Apply Animations

Select the Image or Button you want to animate.
Open the Animations tab in the right-side editor.
Choose your animation type:
- Entrance: Fade, Slide, Bounce, Rotate, Zoom
- Hover: Zoom-in, emphasis effects, interactive highlights
- Loop: Subtle repeated motion
Preview the effect inside the builder.
Save and Publish when ready.

Best practice: Keep animations subtle on mobile—too much motion can distract and reduce conversions.

Why Image Optimization Matters

Improves page load speed
Enhances SEO performance
Reduces bandwidth usage
Creates a smoother user experience
Can reduce bounce rates (especially on mobile)

Build faster pages that still look premium

Optimize images for speed, then use subtle animations to guide attention to your most important visuals and CTAs.

🚀 See All Plans & Features

Opens in a new tab.

Frequently Asked Questions

What is image optimization and why is it important?

It reduces image file size while keeping quality high. Faster pages improve user experience and can support better SEO performance.

How do I know if my images are optimized?

Compare file sizes in your media library before and after, or use an external testing/compression tool to confirm the change.

Can I override optimization for individual images?

Yes. The image element’s optimization toggle can override the funnel or website default.

What types of animations can I apply?

Entrance animations (fade/slide/bounce/rotate/zoom), hover animations, and loop animations.

Will image animations work on mobile?

Yes—animations are designed to be responsive across device sizes.

How do I preview animations before publishing?

Use the builder preview to watch the animation behavior before saving or publishing.

Can I apply multiple animations to a single element?

Yes. You can combine entrance, hover, and loop animations for more dynamic interactions.

What should I do if animations do not display correctly?

Re-check your selected animation settings, confirm you saved changes, and look for conflicting styles or element visibility rules.

How do I test optimization and animations?

Use the builder preview mode to test performance and animation behavior before publishing live.

📚 Browse More Help Guides

Improve speed, polish, and conversions

Use optimized images for performance—and animations for attention. Together they can improve how professional your pages feel without slowing them down.

✅ View Plans & Features

Faster pages. Better experience.

📚 Browse More Help Guides

Disclaimer: This site is NOT endorsed by Google, Facebook or YouTube in ANY WAY. All trademarks & Logo / branding are the property of their respective owners. Please Note: This site was created in BizStackPro by Ken George II (An Affiliate of BizStackPro) and may contain affiliate links.