EEVblog Electronics Community Forum

General => General Technical Chat => Topic started by: jlmoon on May 28, 2014, 03:01:22 pm

Title: Best way to post pictures on eevblog?
Post by: jlmoon on May 28, 2014, 03:01:22 pm
Hello,

Being that I'm not much of a image poster, what is the best way to link to or post direct images on the blog?

Thanks in advance,

JLM
Title: Re: Best way to post pictures on eevblog?
Post by: iloveelectronics on May 28, 2014, 03:06:05 pm
Hello,

Being that I'm not much of a image poster, what is the best way to link to or post direct images on the blog?

Thanks in advance,

JLM

I usually either just use attachments, or upload to imgur.com and then copy the links.
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on May 28, 2014, 03:11:06 pm
Add images at attachments, post comment, go back to your comment, click on pictures in the attachment section to see them full size, copy the address for each image (right click on picture, copy image location).  Then  click on modify to edit your post and add those urls wherever you want them to show up.
Title: Re: Best way to post pictures on eevblog?
Post by: jlmoon on May 28, 2014, 03:16:09 pm
Hello Electronics,
Yes, I tried using the "Attach" function below my text entry box.  I will try once more to see if my lab photo shows up.

Thank you

JLM
Title: Re: Best way to post pictures on eevblog?
Post by: jlmoon on May 28, 2014, 03:16:45 pm
ah yes.. it worked today..

Thanks so much
Title: Re: Best way to post pictures on eevblog?
Post by: FrankenPC on May 28, 2014, 03:30:04 pm
Add images at attachments, post comment, go back to your comment, click on pictures in the attachment section to see them full size, copy the address for each image (right click on picture, copy image location).  Then  click on modify to edit your post and add those urls wherever you want them to show up.

Thanks!  I was wondering how people did this.
Title: Re: Best way to post pictures on eevblog?
Post by: jlmoon on May 28, 2014, 03:40:00 pm
Franken,

I think I dropped the technology on my big toe as well.  I tried the attach method but I failed to use the 'Post' button.. only the 'Preview' button.  The attachments only show up when you actually Post the message.  For a true-noob.. I was a bit confused ..  |O
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on May 28, 2014, 03:42:31 pm
If it didn't work before, it was probably because your picture was too big. 
It says right there under the attachment box : Restrictions: 25 per post, maximum total size 2000KB, maximum individual size 1000KB .

Your picture is 800 KB... a bit larger and it would have been rejected.

My advice... use a freeware software like Irfanview to resize your pictures and compress them to a reasonable size, cameras don't use the highest compression settings when saving to reduce battery usage.

Open image in Irfanview , go to Image > Resize / Resample :

(http://savedonthe.net/image/2030/resize.png)
 
Check Preserve Aspect Ratio so that when resizing the width/height ratio remains the same. Check Resample and use Lanczos for best resize quality.
Go to "Set New Size" and set  the largest dimensions of the pictures to a reasonable value like 1600 pixels... usually this is enough for forums and most of the details are preserved.

Then go to File > Save as ,
If it's a screen shot / schematic , something with text or something you want to retain sharpness, select PNG at file format, and at compression level use 9 for best.
If it's camera picture or lots of colors etc, select  JPG file format, and on the right move the slider for quality to about 80-85.
Title: Re: Best way to post pictures on eevblog?
Post by: FrankenPC on May 28, 2014, 03:43:30 pm
Franken,

I think I dropped the technology on my big toe as well.  I tried the attach method but I failed to use the 'Post' button.. only the 'Preview' button.  The attachments only show up when you actually Post the message.  For a true-noob.. I was a bit confused ..  |O

I've never been on a forum that did things this way.  So, I'm not sure it's a noob move  :)
Title: Re: Best way to post pictures on eevblog?
Post by: jlmoon on May 28, 2014, 04:36:19 pm
@Mariush,

Thank you for the great information.  I have never used IrfanView but have it on my server.  I tried it out and find it much easier then using Photoshop CSx.   

From 1.2Meg to only 139K.. awesome!  , again not much of a image poster in the past. 
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on May 28, 2014, 04:58:23 pm
Yes, it's a great software.

Another tip regarding Irfanview that can make your life easier... it has a very easy to use "Batch conversion/resize" feature. 

Go in the File menu, hit the Batch conversion option and you have this window:

(http://savedonthe.net/image/2031/batch1.png)

It may look complicated, but it's really easy.

On the right side, go to your images, select the ones you want to work with and then click on the Add button below to put them in the processing queue. Use add all if it's easier for you.
Make sure Work as : batch conversion is selected on the left side. 
Set the output folder on the left side (output directory for result files).
Set the output format, hit options if you want to adjust compression quality.
If you want to resize each picture, or do some changes to every one in the queue, check "Use advanced options" and then click on the Advanced button and a window like this one should open:

(http://savedonthe.net/image/2032/batch2.png)

If you want an operation to happen, just check the box and configure the parameters for that option. In the picture above, I only enabled resizing and I told Irfanview to resize the longest side to 2048 pixels .. since "preserve aspect ratio" is checked, the other dimension will be automatically calculated.  Also, the "Don't enlarge smaller images" is checked, so if one of the images in queue is smaller, there's no resizing.
Another use besides resizing... you can for example use this to select a bunch of pictures that you shot using the camera in vertical position and then use the "Rotate right" or "Rotate left" to rotate them to the proper way they're supposed to be viewed.

Once you're done with options, you just close this Advanced window and select the "Start batch" button and Irfanview will process all pictures.

off topic.. "Auto adjust colors" is also a nice feature... you can try it out on a single picture just to see what it does, from the Image menu, it can help with pictures that are affected by camera flash for example.
Title: Re: Best way to post pictures on eevblog?
Post by: jlmoon on May 28, 2014, 07:08:20 pm
mariush,

With that batch function I can save an enormous amount of time.  I have about 2 gig of images we store on a server that are not in reduced mode (images used for our shipping records) reducing these down will allow me to save or email these will much less effort..
Thanks again! 

JLM
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 03, 2014, 03:25:14 am
I normally use

http://postimg.org/ (http://postimg.org/)

because it gives you the direct link and you can then do something like this:

(http://s9.postimg.org/5wwmu8eyn/IMG_1740.jpg)

by selecting the insert picture button on the top bar when you post, here below the code:

Code: [Select]
[img]http://s9.postimg.org/5wwmu8eyn/IMG_1740.jpg[/img]

Pictures on postimg.org will be never deleted... so cool. Maximum Size is 5MB there.

The next level would be something like this:

http://extrazoom.com/ (http://extrazoom.com/)

but we cannot post HTML code here, it would be possible still to post just the link.

Any hope that the HTML code will be unlocked? Yeah I know security and other stuff I don´t know....  :'(
Title: Re: Best way to post pictures on eevblog?
Post by: Rigby on August 03, 2014, 03:35:09 am
Imgur.com here.  Also gives the direct URL.
Title: Re: Best way to post pictures on eevblog?
Post by: zapta on August 03, 2014, 06:16:34 am
I usually either just use attachments, or upload to imgur.com and then copy the links.

+1 for imgur. Make sure to get the url of the image alone without the surrounding frame.

http://i.imgur.com/kMT9xpn.jpg (http://i.imgur.com/kMT9xpn.jpg)    // good

http://imgur.com/gallery/kMT9xpn (http://imgur.com/gallery/kMT9xpn)    // bad
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on August 03, 2014, 01:53:16 pm
Make an effort and attach the images here. This way they'll be permanent (yes, imgur or other sites may claim to be permanent but there's no guarantee, they may be bought or change their business strategy and then your pictures are gone)

You just have to click on Attachments and other options, load the pictures there and post.

After you post, you can go back to your post and click on the small images at the bottom of the post to expand the images to full size and right click on them to select "copy image location" or something like that (depends on your browser). Next, you can simply click edit and paste those links where you want them to be in the post between img tags.

Title: Re: Best way to post pictures on eevblog?
Post by: andyturk on August 03, 2014, 03:29:53 pm
http://i.imgur.com/kMT9xpn.jpg (http://i.imgur.com/kMT9xpn.jpg)    // good

http://imgur.com/gallery/kMT9xpn (http://imgur.com/gallery/kMT9xpn)    // bad

Better:
(http://i.imgur.com/kMT9xpn.jpg)

Code: [Select]
Better:
[img]http://i.imgur.com/kMT9xpn.jpg[/img]
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 03, 2014, 04:18:45 pm
Let me test this imgur (sorry it is just  a test), uploaded as anonymous...

(http://i.imgur.com/XGQt893.jpg)

Wow! you can copy direct the BBCode, so I don´t need to press the button insert picture anymore. Moreover the 5MB size limitation of postimg.org is gone... but... keep reading...

Interesting details on imgur:

Quote


Can I use images I find here on my TV show, blog, news article, etc.?

If you'd like to use public images from our site for noncommercial purposes, please cite imgur.com as the source, and, if possible, cite the original content creator as well.

Imgur does not own the copyright to images uploaded to our site, thus cannot grant permissions for their commercial use. You are welcome to use the messaging system to contact the original user, if a username is available.

How many images can I upload?

Infinity images can be uploaded from a single user, but only 225 will be associated with a standard account. After 225, older images will be hidden, meaning you can no longer manage or delete them from within your account until you remove other images or upgrade to Pro.

How do I download an image in full resolution?

When you hover over an image, you will see an icon in the top right hand corner. Click it for the option to download the full resolution version.

How long do you keep the images?

As long as images are getting at least 1 view per 6 months, they will stick around forever. If an image does not receive even 1 view in 6 months, it may be removed to make room for new images. Images uploaded from Pro accounts will never be removed.

What counts as an image view?

An image view is counted each time the image is loaded. This includes images that are hot-linked or embedded on third-party sites. Views are not unique and count even if you refresh the page.


What file types are allowed?


JPEG, PNG, GIF, APNG, TIFF, BMP, PDF, XCF (GIMP). Please note that TIFF, BMP, PDF and XCF (GIMP) will be converted to PNG on upload.


How does Imgur compress my images?

There are two types of compression for images: lossless and lossy. Lossless compression will reduce the file size without making any visible changes at all. It simply gets rid of unnecessary data that's causing the image to be bigger, but the image will look exactly the same. Lossy compression reduces the size of the image much more than lossless, but it can also change the appearance of the image.

Imgur uses both types of compression. Every image that goes in (including images from pro accounts) is compressed by lossless compression--it reduces the size of the images without loss in quality. Lossy compression is only used when the image is above a certain file size (10MB for pro, 5MB for standard, 1MB for anonymous).

Uploaded images are not exactly the same (in terms of bytes) because of the lossless compression, but they will look exactly the same as when you uploaded them.


Auch, they don´t keep the image forever if nodoby look at it for more than 6 months, at postimage.org is there forever no matter what...! The rest is top noch!
I´m now thinking to pay $23.95 a year to get the pro

https://imgur.com/register/upgrade (https://imgur.com/register/upgrade)

or may be I will try to put stuff on my server at home but the download speed would be terrible for you guys...
Title: Re: Best way to post pictures on eevblog?
Post by: zapta on August 03, 2014, 05:01:48 pm
I think this means that they reserve the right to delete. Never heard of actual deletions.

Some board owners do not like external images because they are out of control and can be changed (not in the case of imgur). Others prefer questionable pictures to have external URLs so their sites are not classified as NSFW.  Imgur addresses well both cases.
Title: Re: Best way to post pictures on eevblog?
Post by: magetoo on August 03, 2014, 05:08:48 pm
Better:
[...]

Well, "better" is a matter of opinion.  Inserting images as images is great as long as they are small, but filling a thread with huge ones makes reading it a pain. IMHO.  (Not a big problem here, fortunately.)

And if you turn images off (like I often do, for speed) you might not even see there is anything there.

[imgur]
Wow! you can copy direct the BBCode, so I don´t need to press the button insert picture anymore. Moreover the 5MB size limitation of postimg.org is gone... but... keep reading...

Do you really have a need for posting images that are larger than 5 MB?  (On an electronics forum?)


I'm with mariush, just use attachments.  If an image is important enough to have in a post, it should be stored in the same place so you can be sure it's still there when someone finds your post in a search two years from now.
Title: Re: Best way to post pictures on eevblog?
Post by: zapta on August 03, 2014, 05:27:34 pm
Well, "better" is a matter of opinion.  Inserting images as images is great as long as they are small, but filling a thread with huge ones makes reading it a pain. IMHO.  (Not a big problem here, fortunately.)
[imgur]

I typically resize them to 800 pixel width before uploading to imgur and publishing.  Inline pictures are more reader friendly  IMO than just urls.
Title: Re: Best way to post pictures on eevblog?
Post by: BravoV on August 03, 2014, 05:30:36 pm
Make an effort and attach the images here. This way they'll be permanent (yes, imgur or other sites may claim to be permanent but there's no guarantee, they may be bought or change their business strategy and then your pictures are gone)

You just have to click on Attachments and other options, load the pictures there and post.

After you post, you can go back to your post and click on the small images at the bottom of the post to expand the images to full size and right click on them to select "copy image location" or something like that (depends on your browser). Next, you can simply click edit and paste those links where you want them to be in the post between img tags.
+1, still don't understand why certain people prefer not to use the forum attachment feature, I guess this has something to do with not fully trusting Dave as the owner of this forum ? Fortunately, most major excellent contributors here are using the forum attachment for their pictures in their posts.  :-+

Example from a really popular thread with almost 600 posts, see what happened to the photo of the thread starter it self or the 1st post -> Show your Multimeter! (https://www.eevblog.com/forum/chat/show-your-multimeter!/)  :palm:

What a waste !   :--
Title: Re: Best way to post pictures on eevblog?
Post by: zapta on August 03, 2014, 05:39:34 pm
+1, still don't understand why certain people prefer not to use the forum attachment feature, I guess this has something to do with not fully trusting Dave as the owner of this forum ?

Has nothing to do with trusting in Dave.  Has a lot todo with poor UI for adding uploading inlined images in post. Imgur has better UI.
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 03, 2014, 05:58:08 pm
Well, "better" is a matter of opinion.  Inserting images as images is great as long as they are small, but filling a thread with huge ones makes reading it a pain. IMHO.  (Not a big problem here, fortunately.)

If we could post in HTML code the problem would be resolved.

You can give it a try... go here:

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro (http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro)

then put this code in the left side of the screen:

Code: [Select]
<iframe src="http://extrazoom.com/image-1716.html" height="500px" width="500px" frameborder="0" scrolling="no" allowfullscreen>

then click "Submit" on the top... you could zoom in it...

Do you really have a need for posting images that are larger than 5 MB?  (On an electronics forum?)

Yes, if I take a large board shot with my 18MP Canon 60D you have all the details to read the chip code. Anyway with the right compression 5MB are not bad at all, unfortunately in this blog:

Quote
Allowed file types: doc, gif, jpg, pdf, png, txt, zip, tar, c, h, hex, bas, xls, odt, asm, wav, aiff, wma, mp3, flac
Restrictions: 25 per post, maximum total size 2000KB, maximum individual size 1000KB

1MB? I feel like back in 1999.

Has nothing to do with trusting in Dave.  Has a lot todo with poor UI for adding uploading inlined images in post. Imgur has better UI.

Exactly.
 
Title: Re: Best way to post pictures on eevblog?
Post by: andyturk on August 03, 2014, 06:56:07 pm
Has nothing to do with trusting in Dave.  Has a lot todo with poor UI for adding uploading inlined images in post. Imgur has better UI.
When asking for help on a forum, you want to make it easy for people to understand what you're asking about. Making your question *look* nice means you'll get more/better responses. IMO, in-line images (appropriately sized) are much more clear than thumbnails stuck at the end of a post.
Title: Re: Best way to post pictures on eevblog?
Post by: SeanB on August 03, 2014, 07:20:27 pm
Flickr has very good BBcode support, you  just copy it and paste where needed. Then you can edit it to remove the link to the original and the self referencing ad.
Title: Re: Best way to post pictures on eevblog?
Post by: zapta on August 03, 2014, 08:39:15 pm
Flickr has very good BBcode support, you  just copy it and paste where needed. Then you can edit it to remove the link to the original and the self referencing ad.

Does it require an account to upload? Imgur doesn't.
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on August 03, 2014, 08:52:44 pm

Yes, if I take a large board shot with my 18MP Canon 60D you have all the details to read the chip code. Anyway with the right compression 5MB are not bad at all, unfortunately in this blog:

Digital cameras output JPG pictures that aren't compressed optimally, it's a tradeoff between file size and cpu usage and how much time between snapshots the whole process takes. Open your 5 MB picture in Irfanview, go to File > Save as... , chose JPG and then move Quality slider to about 85% (which is good enough for 22"-24" lcd screens out there) and your 18 megapixel picture is suddenly under 2 MB.  With a bit of cropping, you can get each individual picture to under 1 MB.

Quote
1MB? I feel like back in 1999.
Because there's no need for more than 1 MB for a single picture. Learn to compress a picture for online viewing.

Also, be considerate.  You may have high speed Internet, I may have high speed Internet... but lots of people don't. Some people even have their Internet connection metered, so it's not nice to have 3-5 x 5 MB pictures on a page, to stay a few minutes to have the pictures shown.

The limits (I guess) are also there to make backups easier... Dave backs up content often, server is in US, he's in Australia... it takes time to download even just the differences between backups. No point wasting disk space with single 5 MB pictures just because you're lazy or inconsiderate.

-

External hosts are bad, end of story.  Yes, imgur.com is clean and fast and works well, but there's no guarantee they won't change their business model and/or do some major cleanup at some point and then the pictures in non-pro accounts are gone.

Also, imgur is fast because they use a CDN for the popular pictures.  Other image hosts don't use CDN, and often they use the cheapest bandwidth available because the profits in this niche are very small.  Therefore, what image host may work for you quite well, may load very slowly for others due to idiotic routing or overloaded links... for example, Imageshack was notorious for this... it works great for friends in US but it's slow to my country (or to my ISP).

This last thing is very rare but... I have also experienced image hosts banning whole countries due to some "hackers" in that country trying to ddos them.  You upload pictures on one of those sites and you don't realize that maybe 10-20% of this forums' viewers may not be able to access that site.

Stick to the forum upload form, even though it's ugly. 
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 03, 2014, 08:59:00 pm
Stick to the forum upload form, even though it's ugly.

...and at the end with no hope or future plan to improve it?
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on August 03, 2014, 09:01:10 pm
Quote
...and at the end with no hope or future plan to improve it?

Feel free to learn PHP and program an SMF Forums plugin/extension to improve the file upload mechanism
Title: Re: Best way to post pictures on eevblog?
Post by: tautech on August 03, 2014, 09:08:11 pm
Quote
Also, be considerate.  You may have high speed Internet, I may have high speed Internet... but lots of people don't. Some people even have their Internet connection metered, so it's not nice to have 3-5 x 5 MB pictures on a page, to stay a few minutes to have the pictures shown.
+1
Exactly.
There are EE hobbyists in all sorts of locations worldwide, and if they are like me, just a few Km's from fibre, large dowloads/uploads are a PITA.
Generally there are plenty of compression packages on the average PC, tucked in various applications.
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 03, 2014, 09:32:32 pm
Feel free to learn PHP and program an SMF Forums plugin/extension to improve the file upload mechanism

That was useful, thanks mariush to open that door! Now there is a hope!

Interesting enough I found a lot of plugins which improve the image upload to an external host image site...  :-DD

https://www.google.com/search?q=simple+machine+image+upload&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a&channel=sb (https://www.google.com/search?q=simple+machine+image+upload&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a&channel=sb)

they claim to save bandwidth for the Blog... Is Dave paying for how much we download or upload to/from the Forum? Or it is just a technical thing?

PHP was already in my TODO list, I hope to contribute for this awesome forum soon.
Title: Re: Best way to post pictures on eevblog?
Post by: zapta on August 03, 2014, 09:32:48 pm
Stick to the forum upload form, even though it's ugly.

Dave doesn't seem to mind publishing via imgur.

https://www.eevblog.com/forum/chat/how-to-include-images-in-a-post/msg298456/#msg298456 (https://www.eevblog.com/forum/chat/how-to-include-images-in-a-post/msg298456/#msg298456)
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on August 03, 2014, 09:50:08 pm

they claim to save bandwidth for the Blog... Is Dave paying for how much we download or upload to/from the Forum? Or it is just a technical thing?


It depends on what dedicated servers the forum owner rents and how popular the forum is.

I think Dave's host offers 100 mbps internet connection with a 10 TB / month of data transfers.

100mbps is the maximum throughput to all connections made to the server : for example if 100 people load a forum page, ideally each of those 100 persons downloads the forum page with at 1 mbps or about 120 KB/s.  The page you're checking right now is about 195 KB (all images and smileys and ads included... but note that most of the images are cached so at second page load the content download is less, maybe 10-20 KB).
The 10 TB a month is how much data is included, all downloads from servers are counted. So yes, larger images makes the total download amount go up much faster but 10 TB is still quite a lot.

The plugins designed to change the local upload with image host uploads are for people using shared hosting accounts or VPS for forums, which either have limited disk space or where the shared hosting accounts have file count restrictions or limit the bandwidth on the shared hosting account. Not everyone can afford to pay 100-200$ a month on a dedicated server capable of handling high traffic.

IMHO, an ideal plugin would be one that parses every post submitted and pulls the urls to images from external hosts and makes local copies of those pictures without user realizing.  A javascript function in the forum thread page can monitor if the image fails to load at some point (or loads very slowly), in which case a note can be made for that picture on the server and from that moment, the forum post is modified to load the image from the local server where it was saved a long time ago.

At the same time, plugin could be configured to automatically upload the images submitted with the post to a CDN or a separate domain (domain names are cheap, under 10-12$ a year...) so that they could have friendlier urls.. the ones generated by SMF Forums are not very caching friendly and unnecessarily complex.
Title: Re: Best way to post pictures on eevblog?
Post by: magetoo on August 05, 2014, 06:59:14 pm
Do you really have a need for posting images that are larger than 5 MB?  (On an electronics forum?)

Yes, if I take a large board shot with my 18MP Canon 60D you have all the details to read the chip code.

Point taken.

My only gripe is really with having huge in-line images, your scenario seems more like the small thumbnail + link to full image approach, correct?  That of course should work for everyone.
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 05, 2014, 07:07:09 pm
My only gripe is really with having huge in-line images, your scenario seems more like the small thumbnail + link to full image approach, correct?  That of course should work for everyone.

Like this:

https://www.eevblog.com/forum/repair/tek-ths720a-thinks-there-are-110v-on-the-input-but-there-is-just-a-50-ohm-r/1 (https://www.eevblog.com/forum/repair/tek-ths720a-thinks-there-are-110v-on-the-input-but-there-is-just-a-50-ohm-r/1)

you can check the first picture, maybe thumbnail too small but for the low speed internet user just a blessing. The beautiful part it was just a copy button in postimage.org to get the code. The next step was just to paste in the blog post.

Not everyone will be happy... I am sure about that, just trying to make happy the majority.
Title: Re: Best way to post pictures on eevblog?
Post by: magetoo on August 05, 2014, 07:31:47 pm
Like this:

https://www.eevblog.com/forum/repair/tek-ths720a-thinks-there-are-110v-on-the-input-but-there-is-just-a-50-ohm-r/1 (https://www.eevblog.com/forum/repair/tek-ths720a-thinks-there-are-110v-on-the-input-but-there-is-just-a-50-ohm-r/1)
That's a nice way to do it.  I notice the images are pretty small (in bytes) too.

JFYI, I'll attach an image of what the post looks like for me, by default.

That's the "don't load images unless I tell you to" setting.  No indication there's even anything there..  But like you said, do what works for the majority.
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 05, 2014, 07:41:27 pm
Auch, now I see it. I promise you in my future posts I will do only thumbnail, so you and other low speed users will notice no speed reduction even with image activate... Thanks for sharing your point of view
Title: Re: Best way to post pictures on eevblog?
Post by: tautech on August 06, 2014, 02:51:49 am
The best tip I can add is to first open your image in MS Paint, then save it as a png and upload the png.
Some jpg's I have uploaded recently changed from 1.1 Mb to 30 Kb as a png.

Faster to upload to a post and faster to download for viewers.  :-+
Title: Re: Best way to post pictures on eevblog?
Post by: EEVblog on August 06, 2014, 03:14:04 am
they claim to save bandwidth for the Blog... Is Dave paying for how much we download or upload to/from the Forum? Or it is just a technical thing?

No, I pay a fixed fee, and am well under the limits of my dedicated server plan.
But I do pay for my backup space, and I do daily, weekly, and monthly backups of the entire eevblog.com server which includes all the forum and attachments.
That total backup size grows daily along with the forum, and if I didn't impose limits upon how much and how many things people attach then I could eventually run into some serious issues.
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on August 06, 2014, 03:22:59 am
Quote
Like this:

https://www.eevblog.com/forum/repair/tek-ths720a-thinks-there-are-110v-on-the-input-but-there-is-just-a-50-ohm-r/1 (https://www.eevblog.com/forum/repair/tek-ths720a-thinks-there-are-110v-on-the-input-but-there-is-just-a-50-ohm-r/1)

you can check the first picture, maybe thumbnail too small but for the low speed internet user just a blessing. The beautiful part it was just a copy button in postimage.org to get the code. The next step was just to paste in the blog post.

Not everyone will be happy... I am sure about that, just trying to make happy the majority.

Quote
The best tip I can add is to first open your image in MS Paint, then save it as a png and upload the png.
Some jpg's I have uploaded recently changed from 1.1 Mb to 30 Kb as a png.

PNG files are lossless, they work great for screenshots and content that has sharp edges, text, and large chunks of whitespace .

It won't do so well for camera shots, paper scans, screenshots with lots of actual pictures, lots of colors etc.

 @zucca : I took the liberty of loading your 1.87 MB image into Irfanview and saving it as JPG with four quality levels. Save the images below in your computer and flip between them and your original one and see if you can actually spot any meaningful difference.  I'd be willing to bet there's no actual noticeable difference.

90% quality 1.16 MB : http://savedonthe.net/a/jpg_quality90.jpg (http://savedonthe.net/a/jpg_quality90.jpg)
80% quality 730 KB : http://savedonthe.net/a/jpg_quality80.jpg (http://savedonthe.net/a/jpg_quality80.jpg)
70% quality 552 KB : http://savedonthe.net/a/jpg_quality70.jpg (http://savedonthe.net/a/jpg_quality70.jpg)
50% quality 363 KB : http://savedonthe.net/a/jpg_quality50.jpg (http://savedonthe.net/a/jpg_quality50.jpg)

Your picture is not the perfect test candidate, as it's shot in a dark room so that iphone already blurred and crappy-fied the image already, so it's pointless to upload such a stupid large image. With some higher quality pictures, there may be some more noticeable differences between quality levels but still, even at full screen on a 1920x1080 monitor, I doubt you're going to lose much detail at 75-80% quality.

I've also embedded the 70% quality version as attachment if you're too lazy to download the three files.

So just add that extra 10-15s to resave the picture with about 70-75% quality and everyone will probably be none the wiser.
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 09, 2014, 07:02:02 pm
Hi maurish, you are right in everything but you missed the point I was trying to provide a low profile and more readable post (only small thumbnails, no huge images) without preventing a fast speed user the possibility to take a look at full resolution pictures.

Anyway those thumbnails are too small, here my new concept:

https://www.eevblog.com/forum/testgear/mastech-dc-power-supply-hy3005dx-cheap-and-very-impressing!/msg493821/ (https://www.eevblog.com/forum/testgear/mastech-dc-power-supply-hy3005dx-cheap-and-very-impressing!/msg493821/)

Is a 800x600 picture too big?
Title: Re: Best way to post pictures on eevblog?
Post by: BravoV on August 09, 2014, 07:38:15 pm
So just add that extra 10-15s to resave the picture with about 70-75% quality and everyone will probably be none the wiser.
+1 :-+


Anyway those thumbnails are too small, here my new concept:

https://www.eevblog.com/forum/testgear/mastech-dc-power-supply-hy3005dx-cheap-and-very-impressing!/msg493821/ (https://www.eevblog.com/forum/testgear/mastech-dc-power-supply-hy3005dx-cheap-and-very-impressing!/msg493821/)

Is a 800x600 picture too big?

You can compress photos with high compression to get much smaller size and still able to catch the details reasonably well.

Just watch the attached picture's size at below example, imo, the details are still good enough while they're compressed most of them are < 500K bytes, even for non resized but cropped photos.  ;)

Example -> HERE (https://www.eevblog.com/forum/chat/what-the-hell-is-happening-to-these-ribbon-cable-connectors-bio-degradable/)

In that thread, I put only one relatively small picture embedded with my post for good presentation purposes, while others "big non resized" photos in thumb state deliberately, so when the reader want to check further the details, they can click them to expand them as they're quite in big resolution to annoy readers that are not interested.

At other normal threads, usually I used 1024 width and sometimes 800 too. While the picture height is usually not a big deal as people can easily scroll it vertically.
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on August 09, 2014, 07:58:50 pm
Hi maurish, you are right in everything but you missed the point I was trying to provide a low profile and more readable post (only small thumbnails, no huge images) without preventing a fast speed user the possibility to take a look at full resolution pictures.

Anyway those thumbnails are too small, here my new concept:

[...]
Is a 800x600 picture too big?

You can attach the large size images to your post and upload the small thumbnails as attachments or an image host and then make your tags like this :

[ url  = url_to_large_size_picture] [ img ] url_to_thumbnail [ / img ]  [/url]

Example:

(https://www.eevblog.com/forum/chat/best-way-to-post-pictures-on-eevblog/?action=dlattach;attach=105015;image) (https://www.eevblog.com/forum/chat/best-way-to-post-pictures-on-eevblog/?action=dlattach;attach=105013;image)

or with external image host for thumbnail..  (click quote to see the tags)

(http://savedonthe.net/image/2052/charger1_thumb.jpg) (https://www.eevblog.com/forum/chat/best-way-to-post-pictures-on-eevblog/?action=dlattach;attach=105013;image)

Yes, it's a pain in the ass as you have to copy the long urls for each image attached and have to go back and modify, but it only takes a minute per post.
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 10, 2014, 01:49:00 am
You can compress photos with high compression to get much smaller size and still able to catch the details reasonably well.
Just watch the attached picture's size at below example, imo, the details are still good enough while they're compressed most of them are < 500K bytes, even for non resized but cropped photos.  ;)

I agree that compression is crucial, and I have to thank you and mariush for that. You convinced me.

Here the size of the picture I used:

IMG_1806.jpg   98.8 k   
IMG_1807.jpg   99.4 k   
IMG_1809.jpg   107.1 k   
IMG_1810.jpg   72.0 k   
IMG_1811_circle.jpg   64.5 k   
IMG_1812_circle.jpg   89.5 k   
IMG_1813.jpg   91.1 k   
IMG_1814.jpg   70.2 k   
IMG_1815.jpg   90.8 k   
IMG_1816.jpg   81.6 k   
IMG_1819.jpg   75.5 k   

I was happy to have about 100k each file.

Regarding the link to the high resolution one in each image, I think only 1% will use that. As long you can follow the post with the low res. image I doubt somebody will need to see the high res. immediately.

Anyway to me is not worthy the job, if they want to see/download the high res. they will click on the link at the end.
Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 10, 2014, 07:22:24 pm
I just want to test this:

Code: [Select]
[IMG width= WIDTH] URL TO IMAGE [/img]

Let´s try:

Code: [Select]
[IMG width=800]http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg[/img]
(http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg)

Code: [Select]
[IMG width=200]http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg[/img]
(http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg)

The size is changed but the file size is not (202,7K).

Another test:
Code: [Select]
[url=http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg][IMG width=800]http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg[/img][/url]
(http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg) (http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg)

I like this one a lot, with link to full resolution!!!!
Code: [Select]
[url=http://postimg.org/image/yjfn720xx/full][img width=800 alt="Alternative Text"]http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg[/img][/url]
(http://s26.postimg.org/i8fjaqog9/IMG_1806.jpg) (http://postimg.org/image/yjfn720xx/full)

It looks like postimg.org is already compressing the images and with the "width=" command, the resize is a piece of cake. Now I think I can avoid to compress and resize the images and let the web do the rest.

EDIT:
Here the SMF manual for the command [IMG]:
http://wiki.simplemachines.org/smf/Img (http://wiki.simplemachines.org/smf/Img)

what is the alternative text? Here the description:
http://en.wikipedia.org/wiki/Wikipedia:Alternative_text_for_images (http://en.wikipedia.org/wiki/Wikipedia:Alternative_text_for_images)
Title: Re: Best way to post pictures on eevblog?
Post by: mariush on August 10, 2014, 09:43:38 pm
User still downloads 200 KB for your picture, even if your picture is only 800 pixels on screen. Then he downloads 2.5 MB for your full picture.

Resize the damn picture yourself and save it with 60-70% quality and it's 60 KB.  Recompress your camera picture with 80-90% quality and it's under 1 MB.  Or learn to CROP pictures to put just the main stuff in the image and clean up the image a bit and it's down to 700 KB (all i did below was Image > Auto Adjust Colors and a crop)

And you're still missing the point... the images you posted may be gone a year from now, or even a week from now. Attach them to the posts, it's safer all around.

and ps... that iPhone 5 sure makes some shitty pictures... turn on the lights on that desk or something to get some better pictures.  My 3-5 year old Canon Powershot makes way better pictures than this.

Title: Re: Best way to post pictures on eevblog?
Post by: Zucca on August 10, 2014, 11:03:48 pm
Sorry mariush, I didn´t want to irritate you.
Title: Re: Best way to post pictures on eevblog?
Post by: zapta on August 11, 2014, 02:48:02 am
But I don't want to make too many rules that will often be ignored and for a problem that isn't all that big.

Good thinking :)
Title: Re: Best way to post pictures on eevblog?
Post by: tautech on August 11, 2014, 05:38:19 am
Quote
But I don't want to make too many rules that will often be ignored and for a problem that isn't all that big.
The polite thing to do is to keep image size (KB) to the minimum to suit the task.
Sure there is often a requirement for detail, and this is something the poster must assess.
Often there are ~ 500+ KB images when a 50 KB one would have been fine...lazy posting IMO.
If I am just browsing posts and I strike a massive image, I WILL bypass it and go to another thread, mumbling.  :rant:
I find MS Office Picture Manager and Paint give me all the tools I need for compression and editing.

The OP has done a good job exploring this topic and the resultant info will help us all.  :-+

Remember not everybody has fast internet and 100 GB monthly packages.
Title: Re: Best way to post pictures on eevblog?
Post by: zapta on August 14, 2014, 03:25:44 pm
I find MS Office Picture Manager and Paint give me all the tools I need for compression and editing.

This should be the job of the forum software. Easy UI to upload, scale and inline pictures. This is web technology 101.