I have a website for pictures and I am not satisfied with the quality that displays because users add big photos and script resizes them and lose quality. This website uses GD library or ImageMagick , I want the picture to be displayed in an auto option but to add two buttons for users to view photos enlarged or reduced size.
This is the demo website of the script that I use: http://artvenue-abhi003.rhcloud.com/image/26/odit-nisi
Related
I am trying to optimize a website. I am trying to reduce the photo sizes when loading on mobile. I can change the preview image based on a media query which is helpful but when you click on the gallery the image size does not change based on that media query. It is always the size you set as the tag. My first though was to create two galleries that appear when it is hit by a media query. But, when I created the second one it just combined both galleries (with the different resolutions of photos) so instead of 44 images you get 88. Is there a way to go about this? Where you have a reduced image quality gallery that is loaded when on a simulated mobile device and a full quality gallery that is loaded otherwise.
I'm working on a project that involves displaying a map (https://github.com/react-native-community/react-native-maps) and there are 34 possible types of picture pins (PNG) and I'd like to know which becomes more performative. Keep using these images or adopt the use of icons? Taking into account that the images have on average 10Kb
For those who do not know, converting to SVG can turn into an icon (https://github.com/oblador/react-native-vector-icons)
When you enter mission control, you are shown thumbnails of all your spaces / desktops:
I was wondering if it is possible to programmatically acquire these images within an OSX application -- preferably at full resolution.
i have a list of entries from a database and I'm feeding them in to HTML to a UIWebView that is making a list of the database entries on the page.
(Much Easyer/Better then extending UITableView Cells)
My Problem is with UITableView i was able to grab an image on a server as NSData and with UIImageJpegRepresentation set the quality for the image a bit lower to be better on the iPhone's cellular downloads.
Now i can go and grab an image from the server as NSData Compress the image then convert it to base 64string and spit it into the WebView but is there any other way to do this?
TLDR: How can i decrease the size of images seen in a HTML Page?
I fixed this by feeding the page i was going to visit to a web service. The web service then returns a set of images compressed at lower quality.
Because the only pages the app is going to visit were my own with user avatars and stuff i was able to profile what images would be needed.
On the iPhone i rebuilt the webpage with the set of those smaller images in a UIWebView.
So in the end i downloaded less cellular data and problem is solved.
My app has more then 1000 photos and 50 galleries. It looks like as iphone Photos app. In preview list of gallery I have problem with performance.
In profile I saw what [sourceImage drawInRect:thumbnailRect] take 96% of time.
What is the best way to fix this issue?
Duplicate with small size of images I did.
Perhaps there is another solution?
Best way is to create thumbnail images for every Image File and save them as thumb_orginalimagefilename.png.
You can batch edit images in many desktop publishing programs.
Photoshop or Fireworks. In Picasa you can just multi-select a ton of images, like an entire folder and then Export to File and choose the output size
Create three large images that contain all of the thumbs in each gallery and load them in one UIScrollView with semi-transparent UIImageButtons over the locations where the thumbs appear in the image.
This could prove faster, since you only load one image per gallery, but you would have to try it to find out. I have done this before as it helped to reduce the size of my app.