Highlighted

Blurry images in Fluid Boxes - Responsive Project

New Here ,
May 25, 2020

Copy link to clipboard

Copied

Hi all, I'm trying to find a solution for how to make my fluid box image fills look clear on mobile as well as desktop. I'm working in a responsive project in Captivate version 11.5.0.

The images look fine on desktop but get blurry on smaller screens. I'm using .png images as background fills for fluid boxes. The fluid boxes are set to be Centred tiles so the image automatically crops down on a mobile screen. But the image also gets blurry.

From what I've read, it would be best to use vector images rather than .png's but I've been unable to apply a vector image as a fluid box image fill. Does anyone have any recommendations to avoid the blurriness on mobile please? 

TOPICS
Advanced

Views

225

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Blurry images in Fluid Boxes - Responsive Project

New Here ,
May 25, 2020

Copy link to clipboard

Copied

Hi all, I'm trying to find a solution for how to make my fluid box image fills look clear on mobile as well as desktop. I'm working in a responsive project in Captivate version 11.5.0.

The images look fine on desktop but get blurry on smaller screens. I'm using .png images as background fills for fluid boxes. The fluid boxes are set to be Centred tiles so the image automatically crops down on a mobile screen. But the image also gets blurry.

From what I've read, it would be best to use vector images rather than .png's but I've been unable to apply a vector image as a fluid box image fill. Does anyone have any recommendations to avoid the blurriness on mobile please? 

TOPICS
Advanced

Views

226

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 25, 2020 0
Most Valuable Participant ,
May 25, 2020

Copy link to clipboard

Copied

Fills for fluid boxes are limited to bitpam images. That means no SVGs are psosible. Do you keep the ration widht/height?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 25, 2020 0
New Here ,
May 25, 2020

Copy link to clipboard

Copied

Thanks Lilybiri, that's what I found when I tried with an SVG. What do you mean by keep the ratio width/height? Is there a checkbox somewhere that I've missed?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 25, 2020 0