search

mleden / footsie-app

Design and implementation of footsie app and footsiedate.com website. Built with Intel XDK.
http://www.footsiedate.com
0 stars 0 forks source link

GENERAL PERFORMANCE: Consider reducing image size before uploading #161

Open mleden opened 9 years ago

mleden commented 9 years ago

Compare with Instagram?

mleden commented 9 years ago

Gathered sizes of a sampling of existing SHOEFIES as follows (in bytes): 9322733 (Christiana) 6020057 (Chas) 8421743 (Jo) 804649 (Jo) 9794299 (Melody) 385499 (Melody) 11732632 (Mark) 10606983 (Mark) 6200038 (Rachel) 9015605 (Rachel) 886365 (Tony) 475119 (Tony)

mleden commented 9 years ago

Apparently, as of its latest version, Instagram "supports" 1080x1080 and/or 640x640 pixels. Note the square dimensions. It is unclear to me whether the app automatically crops and/or scales images that are larger than the above "supported" formats.

mleden commented 9 years ago

Gathered sizes of a sampling of existing SHOEFIES as follows: 3264 x 2448px or 9322733bytes (Christiana) 6020057 (Chas) 8421743 (Jo) 804649 (Jo) 9794299 (Melody) 385499 (Melody) 11732632 (Mark) 10606983 (Mark) 6200038 (Rachel) 9015605 (Rachel) 886365 (Tony) 475119 (Tony)

mleden commented 9 years ago

Research: intel.xdk.camera.takePicture(quality, saveToLibrary, pictureType) Note the quality argument. It is set to 10 right now, presumably based upon "example code" that I got from somewhere.

mleden commented 9 years ago

Consider switching to Cordova Camera plugin (since many of the online code examples use this).

mleden commented 9 years ago

This might be an option: https://github.com/raananw/PhoneGap-Image-Resizer

mleden commented 9 years ago

Or this: https://github.com/skilesare/PhoneGap-Image-Resizer

mleden commented 9 years ago

Or this: http://stackoverflow.com/questions/12539862/ios6-and-safari-photo-uploading-file-api-canvas-jquery-ajax-uploading-and

mleden commented 9 years ago

It appears that "down-sampling" the image size makes a significant difference in the "general perceived performance" of the carousel. What I did was manually re-size a bunch of the images with: Max width: 800 Max height: 1400