Resize Images in Magnolia CMS 5.0 (Not cropping) - image

Does anyone know how to resize an image in Magnolia CMS 5.0 without cropping it? I have handled to work with the Assets module and the options that it provides for adapting images to my preferences. However, it just provides (as far as I know) the option to crop and zoom those images. I wonder if that module is configurable to show those options? I attach a screnshot with the options that I can see in the Assets module. Thanks in advance!

This might sound a bit odd, but the image editor doesn't resize images.
Instead, Magnolia is designed with the idea that editors will upload a single high-quality images and that Magnolia will generate variations of the image as needed by the site design.
Check out http://wiki.magnolia-cms.com/display/DOCS/Responsive+Web+design#ResponsiveWebdesign-Optimizedimages for more details.
Also, if you want to get more timely answers, I'd recommend posting your questions to the Magnolia forums: http://forum.magnolia-cms.com

Related

Image edit filter in xamarin forms

I am developing a project (kinda like CamScanner) where I take an image and on the fly crop it and edit it and save it to my device memory. I chose to do it in xamarin forms because of 1 source maintenance. I have managed to take the image using Xam.Plugin.Media and crop that image using ImageCropper.Forms plugins. Now, I cant seem to find any good plugins that can edit my image (Filters like Black and White, Magic Color, Grayscale). Can anyone guide me to choose which plugin is the best there is for the filter? I am focusing mainly on Android and iOS at the moment.
Thanks in advance
As of today, there is no plugin available to apply color filters for Xamarin.Forms. The closest thing would be using SkiaSharp Color Filters and define you own Color Matrices, which is not quite user friendly.

Why my opencart products images show blurry? how to fix?

I am using journal opencart theme. when i upload a product then my products images showing blurry. please guide me how can i fix this?
my website link is:
accity.ru
please help me to fix this
You shoud check if:
you are uploading images in proper resolution
you have properly set image sizes in opencart administration [system->settings->your eshop->images]
in your image zooming plugin is not anny setting that can reduce image quality
You should focus on checking the following :
All images should be of the same sizes ( & if possible greater than 500x500 )
The resizing if needed should maintain the aspect ratio
Example: 1200x800 can be resized to 600x400, 300x200, 150x100 size images easily
Since you are operating an e-commerce store, I suggest, you can also look for professional services such as ImageKit to add capabilities of dynamic resizing, watermarking & many more.
In case issue still persists, feel free to connect with me.

button with custom font or pre-drawn picture?

In my Xamarin.Forms application, I'm going to use buttons with icons. Which is better - to use custom forms or images? What of this is simpler and that can advise people who have experience with this? I vaguely heard, that plus of using images is Embedded Images, but Embedded Fonts is no supported, this is true?

Bigcommerce product image customization with text change

Currently I am trying to build such customization of product in Bigcommerce Storefront that allows to display image with dynamic text, which was entered in Textbox. That means product image preview should be shown INSTANTLY with new image with written text.
so that the end user will know how the final product will looks like and also same image should go in shopping cart as well.
I know that there is an app on Shopify named as Product Builder.
Is this possible to do it on Bigcommerce?
Thanks in Advance
It's definitely possible with some fairly advanced client-side code. Unfortunately I don't know of any plug and play systems or apps for Bigcommerce that will achieve what you're looking for, but there are a couple ways to get a live updating product preview if you're willing to get your hands dirty.
Here's an example from my site. Click the button under "personalize this item", and you'll see a live preview image like you describe in the modal. Enter some text and change the monogram style and color, the preview image should update pretty quickly every time you change an option. A solution exactly like mine may not be feasible for you, since that site is using a pretty complex React/Redux implementation built on an extensively customized Stencil theme... it's far from a turnkey solution. That said, you could implement something similar without needing a totally custom app.
The image preview itself in the example above is powered by IMGIX.com. They offer a great service at a fantastic price. Basically my system translates the user-selected Bigcommerce option into a URL string per IMGIX's URL-based API. Displaying the live preview is then as simple as changing the image's src attribute to the corresponding IMGIX URL on every input change. I do this in a React component that consumes a Redux store, but something similar could definitely be done in the framework of your choice, or plain old vanilla JavaScript. Cloudinary offers a similar (maybe even a little bigger) feature set to IMGIX, but I found IMGIX to be a bit faster, and the pricing was considerably less for my usage.
You could also write something that uses the HTML5 canvas to overlay text and effects on an image, and thereby avoid using a third-party service. I found such a solution to be way more work and way more taxing on the client-side device, but it'd definitely be another way to skin the proverbial cat.
There may be other viable solutions out there, but the above has been my experience in implementing something similar to what you're looking for on Bigcommerce. I hope this is helpful!

Magento Blurry Pictures in the Recently viewed products

I have an issue with Magento. My pictures work well in every sections but in the **recently viewed products I get a blurry result. I don't understand why because in the catalog I have the same pictures using the "small_image" that display fine without being blurry. I guess the reason is because the picture is resized to be small then resized again to be bigger, PLEASE how can I fix that.
I attached a screenshot showing the resize and how blury the pictures are.
THANKS in advance for your help !!
Picture : Blurry Image and resize
I have encountered similar issues where the image is either blurry or suffered from color loss. After digging in, i found out that Magento uses the GD library out of the box which works pretty well, but there are alternatives out there. The library that solved my problems was ImageMagick. It does require you do install a php extension though and some code changes, but the results are worth it.
http://php.net/manual/en/book.imagick.php
Did you try to change the quality to 100% under Configuration/Advanced/System/Images Upload Configuration? You need to clean the Catalogue image cache after.

Resources