5
votes
Image formats and resolution - for Low Bandwidth Web Apps
Page size
If you need a site to work on a 56kbps connection you need to go as "close to bare metal" as you can.
By that I mean no libraries or frameworks (no bootstrap, React, Angular etc. ...
4
votes
What is the best way to prevent logo distortion and poor quality when allowing users of an app to upload their own logo?
It's hard to say for certain what will work for users without testing the interaction directly, however, here are a few principles which may help...
1. Show the image in context
Context is Key which ...
4
votes
What file enforcement should be set on file upload for best user experience?
If your application has limitations to file sizes and formats, then yes these should be conveyed to the users so that they can have a successful image upload.
Generally accepted formats are JPG and ...
4
votes
Graphic format. SVG PNG or something else
With an online SVG optimizer = 46 kb
It depends on the final destination of each image. If it were a personal project, knowing that I would only use the vector information, I would not hesitate to ...
1
vote
Looking for a GIF editor
I don't know if this is a UX question, but I guess I can try answering it.
I just tried GIMP and it seemed to do a good job of dropping the file size. Which is what I'm guessing you are ultimately ...
1
vote
What is best practice for images in mid fidelity designs?
Yes. Mid-fi is where you start getting closer to the product/website design vision without going into pixel-perfect detail (hifi). It's a good place to start showing an example of what kind of images ...
1
vote
Creating artwork for display on 4K UHD video
PPI stands for Pixel per Inch so a 4k resolution screen can have different PPI for different screens. It comes into play when the dimensions are in pixels.
As you have just one resolution to work ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
image-format × 24image × 12
website-design × 4
files × 3
web-app × 2
screen-resolution × 2
uploading × 2
usability × 1
interaction-design × 1
mobile × 1
android × 1
accessibility × 1
input-fields × 1
info-visualisation × 1
e-commerce × 1
information-architecture × 1
ux-field × 1
multi-selection × 1
best-practice × 1
save × 1
response-time × 1
prototype × 1
ipad × 1
html5 × 1
download × 1