Images larger than 1280

nate
@nate
9 years ago
917 posts
I want to use a jamroom image as a background image that's full screen. How can I get an image to be larger than 1280?

The image I am uploading is 1920px wide, the size I prefer to use.
updated by @nate: 01/24/16 12:25:15PM
brian
@brian
8 years ago
10,148 posts
Are you uploading it through a profile?


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
nate
@nate
8 years ago
917 posts
Actually it's being uploaded through jrProfileTweaks. I'm allowing users to choose a background for the header like twitter. 1280 is just a bit blurry on 1920x1080 monitor. I figure that's generally the largest people will use, generally.
michael
@michael
8 years ago
7,715 posts
The surface pro 4 has its display at 2736 x 1824. apple will probably make upcoming things smaller too, we'll need to have flexibility.
nate
@nate
8 years ago
917 posts
The image is set to background-size : cover. That is flexible.
SteveX
SteveX
@ultrajam
8 years ago
2,584 posts
More involved than allowing for a larger sized image, but I think something like this might be a good solution to the different device sizes and image sizes that will be needed:
http://www.w3.org/html/wg/drafts/html/master/semantics.html#the-picture-element

But that isn't there yet, so there are several javascript solutions which temporarily fill that gap:
https://github.com/search?o=desc&q=responsive+images&ref=searchresults&s=stars&type=Repositories&utf8=%E2%9C%93


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
michael
@michael
8 years ago
7,715 posts
Isn't all that's needed an option to allow the default image to be displayed? With the issue being that huge unedited images might slip though if that setting is used.

and a minor issue being that the full size image, if huge, could be called a lot and use up bandwidth.

Tags