I have a Composite C1 site - a client is uploading photos to blog posts.
The photos are huge - 1.5MB. Is there a module to compress them (size & dimension wise)?
The crop module only crops & doesn't resize.
I have not found any such modules on Google. Thanks
UPDATE
I have added an aspect ratio - but it is greyed out (LPFF Preset Wide):
To simply resize an image (manually) already in the media archive:
Open it in the built-in Image Editor (in the Media perspective).
Image / Scale image... (or click the Scale button on the toolbar - 2nd from the left)
You can also crop the image in the same Image Editor:
Click the top button ("Select") on the floating bar. (The crop button on the toolbar will get enabled.)
Use the cursor to select an area on the image.
Click the crop button on the toolbar (3rd from the left)
If you are running a recent version of Composite C1 you can resize images you include in the Visual Editor either by pulling the corner of the image or invoking the image properties dialog and set a max width or height (advanced tab).
If you need a code centered fix you can append ?mw=100&mh=100 to the image URL and your image will be automatically resized.
In Composite C1 4.1 you can append ?q=80 to JPEG image URLs to have the web server do compression. The number controls the image quality (100 highest).
All these features are part of the standard open source product.
Related
My requirement is to show the small image into the bigger one at the same quality. I have tried setting the background image to the container, scaleImageLabel, ImageViewer by doing so I can achieve the required size but the quality is not good.
using cloudinary is the only option to go with or if there is any other option available.
Following code has been used.
ImageViewer iv = new ImageViewer();
iv.setImageInitialPosition(IMAGE_FIT);
iv.setPreferredH(Display.getInstance().getDisplayHeight() / 2);
iv.setImageNoReposition(vi.img);
Need to remove the blank space top and bottom
while using IMAGE_FILL image has been croped
Want to open my report viewer containing a page in a Model popup. When I maximize the Model popup screen, all of the container div are taking width as per the screen width, but the Report viewer is not responsive.
Can any body suggest solution regarding this
You should try this solution
Zoom : Sets the report zoom value as an integer percentage or a string constant. Standard string values include Page Width and Whole Page. This parameter is ignored by versions of Internet Explorer earlier than Internet Explorer 5.0 and all non-Microsoft browsers. The default value of this parameter is 100.
For example in Native mode:
http://myrshost/reportserver?/Sales&rc:Zoom=Page Width
Ref : https://msdn.microsoft.com/en-us/library/ms152835.aspx
Using the designer. My form has a layout BoxLayoutY. I just drop the ImageViewer in it. I have a pic added through "Add Picture", which is 1080 x 1400. I add it to the ImageViewer.
The "Simulate Device" command gives, in iPhone3:
And in Nexus (the pic below is static: can't be scrolled up or down):
Help?
I have installed the app locally on my Android and I get the same half cut pic as in the screenshot of the Nexus simulator.
The overal goal is to have a single form, scrollable vertically, showing pics (adjusted at the width of the screen) and text.
EDIT:
Could be a problem with the resolution of the pic. I decrease the res to 350 x 467 and it displays fine. So it will pixelize or won't scale to fit the width of the screen on larger devices?
The image viewer doesn't have a preferred size since it doesn't have an image in it. Its designed for usage full screen or within a predetermined layout. If you place it in the center of a border layout it will take up available space and work as expected.
Since it scales the image and allows manipulation of that images size, its size is flexible. If you want a component that takes up the exact image size you should use a Label.
Ok got it!
What I was doing wrong was that I had:
MainForm (in a BoxY layout)
-> a container nested in it (in Borderlayout)
---> an ImageViewer nested at the center of it.
This produced the effect above (half cut pic).
Instead, what achieved a properly sized pic was:
MainForm (in a BorderLayout).
-> The ImageViewer nested at the center of it. That's it, no container.
I've created a little gallery in drupal 7 using views module and colorbox formatter for image field. The thing is, I'd like to provide url for full size image download. Mind You - "full size image" is not the same image that appears in colorbox overlay. In fact I don't have full size image at all, since I've limited max image dimension on upload (1000 x 1000px). And I'm not sure how to overcome this restriction.
So, user should be able to click on a thumbnail (100 x 100px) and view 1000px wide version of an image in colorbox overlay. And apart from that there should be download link to full size photo (4000px wide, for example) - preferably in an overlay, but may be on the gallery page as well.
I could just skip size limits on upload and pull the link from image src, but I wanted to save bandwith and speed up display. Well, creating a gallery full of 16 Mpx photos isn't the way to go, anyway.
Is there any clever way to achieve what I want, or do I just need to hack file upload module a bit?
Ok, I've found an answer. And it's pretty simple, now that I think of it.
Since image derivatives are created on the fly, I just needed to create another image style in admin/config/media/image-styles, 1000px wide and high, and remove upload limit in image field.
"Full size download link" may be then created by a regex in JS, just replace one path to image with another.
Ok .. so here's the scenario. I've got a WP7 silverlight app, that loads an image from the net. Now, these images will be taken from mobile devices, so they may be in portrait or landscape mode. Certainly not a square.
Is there any way to maintain the aspect ratio when I show these in a silverlight <Image> control?
I'm ok with either of two resolutions:
That the image shows up in its correct aspect ratio within a predefined box that I've defined in xaml
Or that the image is cropped into the square
The way silverlight was built, you can set the width OR the height on the image, it will automatically max out whatever property you set and calculates the other side of the image so that it keeps the aspect-ratio.
So, just set a width on the image and center or right,left,top,bottom align it. (do not stretch it).