Are big pictures in threads annoying? Vote yes and get a free half bottle of beer. S&H only $99.

65 posts / 0 new
Last post
moderator007
moderator007's picture
Offline
Last seen: 6 hours 45 min ago
Joined: 12/23/2012 - 04:47
Posts: 3104
Location: North Carolina

So if I upload a large pic to imgur and copy and paste the link in blf using the insert image option then click on relative width and set to 50% does blf have to resize the image ever time it’s viewed and the page loads slow?
This is how I do it to make sure the image doesn’t take up the whole page. If it’s slowing down browsing for some members I’ll resize the image in imgur first before linking.

I vote yes, so where’s my free beer?

MtnDon
MtnDon's picture
Offline
Last seen: 8 hours 8 min ago
Joined: 08/27/2015 - 18:25
Posts: 2458
Location: Canuk in NM
zak.wilson wrote:
I rarely notice long load times, but layout-breaking pics are a thing. Use max-width.

Most people won’t because their DSL, cable, whatever is fast enough. But when on cell data those big files gobble data unnecessarily. Sometimes when I can see the images “painted” line by line I could scream.

BLF Member Map Add your name and location.

Spartan
Offline
Last seen: 2 months 2 weeks ago
Joined: 01/12/2019 - 20:50
Posts: 624

The beer is free. $14.99 prepaid for shipping and handling. Cash …… Sick

I don’t know about others, the issue I have is the size in the thread. What set this off was a seller posted these enormous pictures that I kept scrolling and scrolling….then hit these tiny posts.

If people put “100” then it’s post width and that should be fine. For me…but others may have data and speed issues on their phones.

Moses came from the mountaintop carrying a tablet. The Words were....WITH GREAT LUMENS COMES GREAT REPONSIBILITY.

LightObsession
Offline
Last seen: 7 hours 15 min ago
Joined: 02/21/2018 - 00:15
Posts: 367
Location: Illinois, U.S.

I knew there was a catch regarding the free beer☹️

zak.wilson
Offline
Last seen: 3 hours 59 min ago
Joined: 09/29/2014 - 14:27
Posts: 888

So, when using that relative width dialog, you’ll get something like:

!{width: 50%}https://i.imgur.com/3rZNm2r.jpg!:https://i.imgur.com/3rZNm2r.jpg

But if you just want to make sure it doesn’t break the layout, change it to:

!{max-width: 100%}https://i.imgur.com/3rZNm2r.jpg!:https://i.imgur.com/3rZNm2r.jpg

Ceilingbounce – flashlight testing and runtime graphs for Android

Spartan
Offline
Last seen: 2 months 2 weeks ago
Joined: 01/12/2019 - 20:50
Posts: 624

Yup.

I’m no programmer but it appears that 100% represents 100% of the normal post box width. Big or small.

Here is an example of a pic that is very small but is full post box width….13.8 kb.

Same size image….different percentages.

100%

50%

25%

5%

Moses came from the mountaintop carrying a tablet. The Words were....WITH GREAT LUMENS COMES GREAT REPONSIBILITY.

zak.wilson
Offline
Last seen: 3 hours 59 min ago
Joined: 09/29/2014 - 14:27
Posts: 888

The important distinction is that max-width won’t stretch the image if the screen is large, while width will.

Ceilingbounce – flashlight testing and runtime graphs for Android

Spartan
Offline
Last seen: 2 months 2 weeks ago
Joined: 01/12/2019 - 20:50
Posts: 624
zak.wilson wrote:
The important distinction is that max-width won’t stretch the image if the screen is large, while width will.

I’m not sure what you are saying.

See my example above. Choosing the width controls how much of the posting box it fills, no matter what the actual picture size.

Moses came from the mountaintop carrying a tablet. The Words were....WITH GREAT LUMENS COMES GREAT REPONSIBILITY.

raccoon city
raccoon city's picture
Online
Last seen: 3 min 49 sec ago
Joined: 10/06/2010 - 02:35
Posts: 13283
Location: रॅकून सिटी Palm Desert CA USA

It's a shame max-width doesn't seem to be an option if you're using the Advanced Post Editor.

Barkuti
Barkuti's picture
Offline
Last seen: 4 hours 12 min ago
Joined: 02/19/2014 - 14:46
Posts: 4270
Location: Alhama de Murcia, Spain

raccoon city wrote:

It's a shame max-width doesn't seem to be an option if you're using the Advanced Post Editor.

It does, or so djozz said. See the below example at  a 200% 103% Innocent width:

 

 

Party 

Edited: reduced the 200% annoyance to 103%. Setting it ridiculously high causes havoc you must know. Big Smile

Sat, 03/23/2019 - 11:08; Sat, 03/23/2019 - 18:00

DB Custom
DB Custom's picture
Offline
Last seen: 10 hours 9 min ago
Joined: 01/13/2013 - 22:28
Posts: 20324
Location: Heart of Texas

So for the “any size” people I should PM them a 335MP 296MB image? (34,485×9741 pixels)

The above is the full sized version of this…

Spartan
Offline
Last seen: 2 months 2 weeks ago
Joined: 01/12/2019 - 20:50
Posts: 624

DB…I have a spectacular view like this from my inherited house in the old country. Too bad the house is over a century old and hardly anybody lives in the village.

In fact…..where is the picture from?

Moses came from the mountaintop carrying a tablet. The Words were....WITH GREAT LUMENS COMES GREAT REPONSIBILITY.

DB Custom
DB Custom's picture
Offline
Last seen: 10 hours 9 min ago
Joined: 01/13/2013 - 22:28
Posts: 20324
Location: Heart of Texas

That photo was taken from just below Nogal Peak looking towards Ski Apache in the mountains just North/Northwest of Alto, New Mexico. It’s actually 43 images at 18MP in 3 tiers, taken with a Canon 7D and 24-105mm lens at 105mm.

I envy you, the view there was breathtaking, my wife and I enjoyed it immensely. The town of Nogal on the North side of Nogal Pass is only 96 people, only even on the map because the Post Office has been there since 1880.

zak.wilson
Offline
Last seen: 3 hours 59 min ago
Joined: 09/29/2014 - 14:27
Posts: 888

To illustrate max-width, here’s an image of two Emisar D18s. It’s 619px wide, so if you view it on a typical phone, it will be wider than the post panel, or the phone’s screen. Viewed on a desktop, it’s considerably narrower than the space available.

First, with max-width: 100%

And now with width: 100%

Both fill 100% of the space on a narrow screen, but the second is stretched on a wider screen.

Ceilingbounce – flashlight testing and runtime graphs for Android

xevious
xevious's picture
Offline
Last seen: 5 hours 43 min ago
Joined: 02/27/2013 - 21:55
Posts: 881
Location: Hoboken, NJ USA

I always put 95%. I absolutely cannot stand when people ignore scaling their image. Maybe the webmaster can set some kind of default width of 100%? That way this catches mistakes. But yeah, I also think it’s painfully negligent and inconsiderate for people to embed images greater than a couple megabytes. 15Mb? That’s OBNOXIOUS.

zak.wilson
Offline
Last seen: 3 hours 59 min ago
Joined: 09/29/2014 - 14:27
Posts: 888

In my user stylesheet (managed with Stylus) for BLF, I have

img {max-width: 100%;}

which means no image is allowed to be larger than its container. This could be added to the forum CSS.

Ceilingbounce – flashlight testing and runtime graphs for Android

Spartan
Offline
Last seen: 2 months 2 weeks ago
Joined: 01/12/2019 - 20:50
Posts: 624

DB Custom wrote:
That photo was taken from just below Nogal Peak looking towards Ski Apache in the mountains just North/Northwest of Alto, New Mexico. It’s actually 43 images at 18MP in 3 tiers, taken with a Canon 7D and 24-105mm lens at 105mm.

I envy you, the view there was breathtaking, my wife and I enjoyed it immensely. The town of Nogal on the North side of Nogal Pass is only 96 people, only even on the map because the Post Office has been there since 1880.

Nothing to envy….in fact it’s pitiful. It’s in the old country and maybe 10 people live in the village in winter. 100 in the summer. If I don’t pour money into it, it’s going to fall.

Every time i go back, I check up on it, but never slept a night in my life in it. But the view….oh God. It’s feeds the eyes and the soul.

Tell you what, free rent if you fix the roof. Lol

Moses came from the mountaintop carrying a tablet. The Words were....WITH GREAT LUMENS COMES GREAT REPONSIBILITY.

Spartan
Offline
Last seen: 2 months 2 weeks ago
Joined: 01/12/2019 - 20:50
Posts: 624

zak.wilson wrote:
To illustrate max-width, here’s an image of two Emisar D18s. It’s 619px wide, so if you view it on a typical phone, it will be wider than the post panel, or the phone’s screen. Viewed on a desktop, it’s considerably narrower than the space available.

First, with max-width: 100%

And now with width: 100%

Both fill 100% of the space on a narrow screen, but the second is stretched on a wider screen.

I see no difference in two tablets, one phone and desktop. Turn devices sideways, still nothing.

Moses came from the mountaintop carrying a tablet. The Words were....WITH GREAT LUMENS COMES GREAT REPONSIBILITY.

raccoon city
raccoon city's picture
Online
Last seen: 3 min 49 sec ago
Joined: 10/06/2010 - 02:35
Posts: 13283
Location: रॅकून सिटी Palm Desert CA USA

zak.wilson wrote:

In my user stylesheet (managed with Stylus) for BLF, I have

img {max-width: 100%;}

which means no image is allowed to be larger than its container. This could be added to the forum CSS.

I agree, and I'll send a link to Mr. Admin so that maybe he can do that for all of us.  :BEER:

zak.wilson
Offline
Last seen: 3 hours 59 min ago
Joined: 09/29/2014 - 14:27
Posts: 888
Spartan wrote:
I see no difference in two tablets, one phone and desktop. Turn devices sideways, still nothing.

Perhaps they all have screens narrower than about 1180px. Here’s what it looks like with the window wider than that:

Ceilingbounce – flashlight testing and runtime graphs for Android

Spartan
Offline
Last seen: 2 months 2 weeks ago
Joined: 01/12/2019 - 20:50
Posts: 624
zak.wilson wrote:
Spartan wrote:
I see no difference in two tablets, one phone and desktop. Turn devices sideways, still nothing.

Perhaps they all have screens narrower than about 1180px. Here’s what it looks like with the window wider than that:

4k on desktop

1440 × 2560 phone

Maybe your set up?

Moses came from the mountaintop carrying a tablet. The Words were....WITH GREAT LUMENS COMES GREAT REPONSIBILITY.

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 2 hours 14 min ago
Joined: 01/12/2013 - 14:40
Posts: 9984
Location: (469219) 2016 HO3

zak.wilson wrote:
max-width: 100%

This could be added to the forum CSS.

+1

This seems like the most universal way to improve things, and should probably be in the default CSS.

Also, I just added this to the script I use to generate the markup for adding images. I had been doing 800px images, but now it’ll do 800px which also scales down on small screens. A normal width=“100%” hint is annoying on large screens, but the max-width method can improve things on small screens without creating extra problems on big screens. Smile

CJ Avlis
Offline
Last seen: 1 day 13 hours ago
Joined: 07/21/2017 - 20:30
Posts: 287
Location: USA

Short on cash at the moment…can you consume said 1/2 bottle of beer and let me know how refreshing it is??

I can do 3 easy payments of $1.99.

DB Custom
DB Custom's picture
Offline
Last seen: 10 hours 9 min ago
Joined: 01/13/2013 - 22:28
Posts: 20324
Location: Heart of Texas

I thought the beer was a ploy, he was buying you had to come to the cache site to drink it… his place that needs work. Figured he’d gather a crowd on the beer premise then put everybody to work. Silly

Barkuti
Barkuti's picture
Offline
Last seen: 4 hours 12 min ago
Joined: 02/19/2014 - 14:46
Posts: 4270
Location: Alhama de Murcia, Spain

ToyKeeper wrote:
zak.wilson wrote:
max-width: 100%

...

This could be added to the forum CSS.

+1

This seems like the most universal way to improve things, and should probably be in the default CSS.

This forum “speaks” two languages, and I mean the Advanced Post Editor. I use no other due to the Simple Editor's unability to handle special character links.

The max-width thing does not work in the advanced post editor, or I do not seem to make it work. The advanced editor may thank some improvement. As I have said elsewhere this could get improvement with unification. Concerning conversion Simple to Advanced is incorrect, and Advanced to Simple is hopeless.

Onto what matters: the max-width thing is not really necessary for those who care to check their image's size. Images up to ≈640 pixels can be left unscaled, while the remaining can use width x%.

 

Smile 

zak.wilson
Offline
Last seen: 3 hours 59 min ago
Joined: 09/29/2014 - 14:27
Posts: 888

It's possible to use max-width with the advanced post editor. Just click the "advanced" tab in the image dialog and add it in the style section.

Ceilingbounce – flashlight testing and runtime graphs for Android

Spartan
Offline
Last seen: 2 months 2 weeks ago
Joined: 01/12/2019 - 20:50
Posts: 624
DB Custom wrote:
I thought the beer was a ploy, he was buying you had to come to the cache site to drink it… his place that needs work. Figured he’d gather a crowd on the beer premise then put everybody to work. Silly

I always never have deliberate ulterior motives.

Always be afraid trust a flasholic bearing chains gifts.

Moses came from the mountaintop carrying a tablet. The Words were....WITH GREAT LUMENS COMES GREAT REPONSIBILITY.

Barkuti
Barkuti's picture
Offline
Last seen: 4 hours 12 min ago
Joined: 02/19/2014 - 14:46
Posts: 4270
Location: Alhama de Murcia, Spain

Thanks for the tip zak.wilson, never used the advanced tab anyways. I guess some editor documentation would be of help.

 

Party 

DB Custom
DB Custom's picture
Offline
Last seen: 10 hours 9 min ago
Joined: 01/13/2013 - 22:28
Posts: 20324
Location: Heart of Texas

Big Smile

DavidEF
DavidEF's picture
Offline
Last seen: 10 hours 13 min ago
Joined: 06/05/2014 - 06:00
Posts: 7671
Location: Salisbury, North Carolina, USA

DB Custom wrote:
So for the “any size” people I should PM them a 335MP 296MB image? (34,485×9741 pixels)

The above is the full sized version of this…


Dale, I’ll take it! Go ahead and PM me that image file. Party

The Cycle of Goodness: “No one prospers without rendering benefit to others”
- The YKK Philosophy

Pages