Our feedback for you is mostly positive. Your Mobirise personal website builder makes it really easy to find and create just what we need. We'll surely make the positive feedback more complex after we finish our job.
For now, we would like to ask You about the difficulties we met inserting images to the website. While adding images using "Blocks" from "Media" section, we found out they lose quality and become pix-elated. We tried different resolutions and sizes, but with no effect. Using of "Blocks" from "Header" section preserves quality, but crops the image, which becomes a great problem while using different devices to view the website. We run the software on Windows 7 and keep it up-to-date.
Do we proceed incorrectly? Are You aware of this problem? How can we preserve the quality of the image block.
We are looking forward to Your answer.
Could you please send us an example with pixelated images (a link to your page or a screenshot).
Our app produces responsive sites, and sometimes the images can look cropped to fit the size of your browser window.
Both blocks viewed use the same picture of resolution 1920x1080. We tried different formats and different sizes but the result remains the same. First block is from "Header" section, the other is from "Media" section.
The first block preserves desired quality of the picture, but it changes its size while viewing the site on different devices. The second block has the desired behavior, but reduces the quality of the image.
Is this a sufficient explanation of our problem?
Related Topics
- Wysiwyg website builder free: questions about Meta description
- How to turn off the references of website builder with html?
- Logo editing in website builder with code
- Password issue in website builder no coding
- Html code website builder gallery: portraits as the images
You can use .png images, they won't be compressed. personal website builder sites are responsive, and blocks change their size, so it's impossible to keep the same size of images. We preserve aspect ratio, but images can look cropped.
I've been designing websites since 1995 (I currently use Dreamweaver) and I am working on updating some of my clients website to a mobile friendly format/layout. I am kind of "old school" in regards to my coding and design and working with CSS and Bootstrap is much different.
BTW: using Win 8.1 with various browsers (in order of preference: Chrome, Firefox, Opera, Explorer)
I have used the Mobirise program recently for a couple of small projects and generally like the program very much.
Good work on the Mobirise and looking forward to any new features and improvements.
I do have an issue with the Bootstrap Carousel functionality in regards to images in a portrait orientation and apparently another user did also.
Is there a specific size (height and/or width, in pixels) that will work well with the carousel slider function to enable the entire image to be displayed in all different devices? Do I need to re-size the images to specific size in width and/or height or can the CSS code be tweaked to re-size on the fly the images to be displayed to fit each slide in the carousel?
Below is the fellows' notes about this that I found on your site. He summed it up well:
3) Sliders Block
very disappointed with the behavior with portrait oriented photographswide browser widths, the display zooms in towards the top and hide the lower portion of the photographas the browser width narrows, the display shows more and more of the lower portions of the photographI would prefer to see the whole photograph, regardless of the width of the browser
Unfortunately it works this way. You should load images with the same dimensions to make a slider work well.