How Do You Get A Thumbnail Image To Display? by java1959

View this thread on: hive.blog | peakd.com | ecency.com

steemhelp · @java1959 · Jul 1 '16 (edited)

How Do You Get A Thumbnail Image To Display?

<html>
<p>I'm trying to help my wife post to Steemit. &nbsp;She has an image which displays properly at the start of her story, but is not displayed as a thumbnail when browsing articles.</p>
<p>What am I missing here? &nbsp;Is the thumbnail created automatically from the first image or is there some code we should include in the post to generate a thumbnail?</p>
<p>I have searched and this question seems to come up a lot, but none of the posts I've found have a clear answer to the question.</p>
<p>Thanks for any feedback on this.</p>
</html>

👍 java1959, kaboska, realme, anxietymaven, bitlord, alexander1, lochflush, helladudes, tokyoclock, vox00, jeffcomeau, seisges

`author`	java1959
`permlink`	how-to-you-get-a-thumbnail-image-to-display
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"]}
`created`	2016-07-01 04:08:00
`last_update`	2016-07-01 05:39:27
`depth`	0
`children`	17
`last_payout`	2016-08-25 12:27:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	548
`author_reputation`	2,291,826,563,282
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	48,773
`net_rshares`	61,433,569,907
`author_curate_reward`	""

properties (23)vote details (12)

voter	rshares	pct
java1959	60,837,907,341	100%
realme	230,271,432	100%
kaboska	243,130,007	100%
bitlord	40,018,582	100%
alexander1	17,697,492	100%
anxietymaven	64,545,053	100%
seisges	0	100%
jeffcomeau	0	100%
vox00	0	100%
tokyoclock	0	100%
helladudes	0	100%
lochflush	0	100%

@anxietymaven · Aug 4 '16

STEEMIMG.COM its what I use to get the thumb nail. Someone here helped me out. Sorry if I missed the point of this but Ive found that the easiest place to use.

properties (22)

`author`	anxietymaven
`permlink`	re-java1959-how-to-you-get-a-thumbnail-image-to-display-20160804t161240327z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"]}
`created`	2016-08-04 16:12:39
`last_update`	2016-08-04 16:12:39
`depth`	1
`children`	2
`last_payout`	2016-08-25 12:27:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	159
`author_reputation`	-138,615,837,212
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	604,575
`net_rshares`	0

@alexiapbullard · Jun 21 '17

People are going to want to read the Terms of Service on this one! 

By signing up, you permit the site to use any image you upload for their own purposes. This includes copying, distribution, sharing, and use.

👍 trek, mergesort

`author`	alexiapbullard
`permlink`	re-anxietymaven-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20170621t163213230z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-06-21 16:32:12
`last_update`	2017-06-21 16:32:12
`depth`	2
`children`	1
`last_payout`	2017-06-28 16:32:12
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	210
`author_reputation`	431,753,154,922
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	5,516,969
`net_rshares`	1,033,021,910
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
trek	0 B		1,033,021,910	100%
mergesort	0 B		0	100%

@steemsausage · Nov 26 '17

really, like fb... they own your shot when you upload it.... what about with a watermark signature on it

properties (22)

`author`	steemsausage
`permlink`	re-alexiapbullard-re-anxietymaven-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20171126t065216459z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-11-26 06:52:15
`last_update`	2017-11-26 06:52:15
`depth`	3
`children`	0
`last_payout`	2017-12-03 06:52:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	104
`author_reputation`	649,118,555,188
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	21,547,783
`net_rshares`	0

@byronviljoen · Aug 2 '17

Make sure there are no brackets in the image tag within the mardown editor, you are looking for . Example IMG_0331 (1) i had brackets in my images and thats why it was not showing. Usually this happens when you make a copy of the image on your pc and then upload it.

👍 dogewm, zeropointman

`author`	byronviljoen
`permlink`	re-java1959-how-to-you-get-a-thumbnail-image-to-display-20170802t180736154z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-08-02 18:07:39
`last_update`	2017-08-02 18:07:39
`depth`	1
`children`	2
`last_payout`	2017-08-09 18:07:39
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	266
`author_reputation`	5,140,717,447,971
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	10,563,266
`net_rshares`	0
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
zeropointman	0 B		0	100%
dogewm	0 B		0	100%

@dogewm · Oct 21 '17

thanks - it helped for me too

properties (22)

`author`	dogewm
`permlink`	re-byronviljoen-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20171021t155626251z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-10-21 15:56:27
`last_update`	2017-10-21 15:56:27
`depth`	2
`children`	0
`last_payout`	2017-10-28 15:56:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	29
`author_reputation`	1,199,347,992,613
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	18,228,683
`net_rshares`	0

@zeropointman · Sep 28 '17

Thanks you so much for this, i had brackets also and had be searching all day for a solution.

properties (22)

`author`	zeropointman
`permlink`	re-byronviljoen-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20170928t121637865z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-09-28 12:16:42
`last_update`	2017-09-28 12:16:42
`depth`	2
`children`	0
`last_payout`	2017-10-05 12:16:42
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	93
`author_reputation`	7,723,248,710
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	16,176,400
`net_rshares`	0

@grittenald · Jul 1 '16

As far as I know, the first image that is in the post. If you rearrange them later, I think it does also update the thumbnail.

properties (22)

`author`	grittenald
`permlink`	re-java1959-how-to-you-get-a-thumbnail-image-to-display-20160701t040943922z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"]}
`created`	2016-07-01 04:09:42
`last_update`	2016-07-01 04:09:42
`depth`	1
`children`	0
`last_payout`	2016-08-25 12:27:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	126
`author_reputation`	4,288,553,026,958
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	48,775
`net_rshares`	0

@pharesim · Jul 1 '16 (edited)

It has been the case that images on ipfs didn't show up in the preview. Another reason may be that the hosting server needs to support https. It also could be a new bug, need more info then ;-)

She can always edit the post and try with another hoster. https://postimage.org works fine

👍 java1959, grittenald, lochflush, choicehumanitary, mrj, klyngiant, jerrybanfield

`author`	pharesim
`permlink`	re-java1959-how-to-you-get-a-thumbnail-image-to-display-20160701t043016950z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"links":["https://postimage.org"]}
`created`	2016-07-01 04:30:18
`last_update`	2016-07-01 04:43:27
`depth`	1
`children`	6
`last_payout`	2016-08-25 12:27:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	285
`author_reputation`	239,450,405,799,183
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	48,798
`net_rshares`	59,789,429,642
`author_curate_reward`	""

properties (23)vote details (7)

voter	rshares	pct
java1959	59,570,450,939	100%
grittenald	218,978,703	100%
jerrybanfield	0	100%
klyngiant	0	100%
mrj	0	100%
choicehumanitary	0	100%
lochflush	0	100%

@java1959 · Jul 1 '16

It's a file on my own server.  I can access it via web browser with no problem using http or https.  Also it displays ok on the body of the post, but no thumbnail.  Kind of weird.  

Ok, I tried it with postimage.org and it worked.  I am now assuming that they are looking for those higher priced SSL certificates which I do not really need at the moment.

👍 java1959

`author`	java1959
`permlink`	re-pharesim-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20160701t052405069z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"]}
`created`	2016-07-01 05:24:03
`last_update`	2016-07-01 05:24:03
`depth`	2
`children`	3
`last_payout`	2016-08-25 12:27:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	355
`author_reputation`	2,291,826,563,282
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	48,847
`net_rshares`	58,302,994,536
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
java1959	0 B		58,302,994,536	100%

@pharesim · Jul 1 '16

$5.00

High priced SSL is a thing of the past :)
https://letsencrypt.org/

👍 pharesim, tuck-fheman, java1959

`author`	pharesim
`permlink`	re-java1959-re-pharesim-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20160701t144758501z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"links":["https://letsencrypt.org/"]}
`created`	2016-07-01 14:47:57
`last_update`	2016-07-01 14:47:57
`depth`	3
`children`	2
`last_payout`	2016-08-25 12:27:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	2.500 HBD
`curator_payout_value`	2.499 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	66
`author_reputation`	239,450,405,799,183
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	49,280
`net_rshares`	6,160,460,195,896
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
pharesim	5,934,449,777,907	100%
tuck-fheman	137,561,456,650	100%
java1959	88,448,961,339	100%

2 replies

@jerrybanfield · May 23 '17

$0.26

Thank you very much this fixed it for me I had the same problem!

👍 jerrybanfield, bobrice, styleyfrancky

`author`	jerrybanfield
`permlink`	re-pharesim-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20170523t184732520z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-05-23 18:47:33
`last_update`	2017-05-23 18:47:33
`depth`	2
`children`	0
`last_payout`	2017-05-30 18:47:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.256 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	64
`author_reputation`	362,393,802,961,900
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	3,709,234
`net_rshares`	189,604,856,369
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
styleyfrancky	0	100%
jerrybanfield	189,604,856,369	100%
bobrice	0	100%

@klyngiant · Jun 22 '17

Hi, thanks for the tip. I had some issues with my thumbnail and took some time to sort out. I used https://postimage.org as suggested. The thumbnail still did not load but then I was able to rename the images that was uploaded straight from the browser without having to reupload.  

The key is you must make sure that there are no funny/special caracters in the image name as this will be in your url too.  After renaming the images and updating the image urls in my post the thumbnail loaded.

Thanks! I'm super grateful

properties (22)

`author`	klyngiant
`permlink`	re-pharesim-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20170622t204001912z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"links":["https://postimage.org"],"app":"steemit/0.1"}
`created`	2017-06-22 20:40:06
`last_update`	2017-06-22 20:40:06
`depth`	2
`children`	0
`last_payout`	2017-06-29 20:40:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	522
`author_reputation`	43,008,531,581
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	5,678,348
`net_rshares`	0

@scmoudi · Sep 17 '17

i found out that you can also just upload your pic right in steemit, just drag and drop your pic right in the markdown/html editor, it's strange that you have to switch to the markdown/html editor for that, afterwards you can continue in normal editor mode.
This way you don't have to upload it on a 3rd party website

properties (22)

`author`	scmoudi
`permlink`	re-java1959-how-to-you-get-a-thumbnail-image-to-display-20170917t095556529z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-09-17 09:55:57
`last_update`	2017-09-17 09:55:57
`depth`	1
`children`	0
`last_payout`	2017-09-24 09:55:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	317
`author_reputation`	1,102,430,735
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,123,051
`net_rshares`	0

@trumppolitics · Jul 9 '17 (edited)

Whatever pic you put in the header tags become the first pic.


< h1 >  yourpic  < /h1 >

properties (22)

`author`	trumppolitics
`permlink`	re-java1959-how-to-you-get-a-thumbnail-image-to-display-20170709t001935160z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-07-09 00:19:36
`last_update`	2017-07-09 00:19:57
`depth`	1
`children`	1
`last_payout`	2017-07-16 00:19:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	88
`author_reputation`	4,350,345,846
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	7,809,706
`net_rshares`	0

@steemmate · Jul 13 '17

that doesn't work

👍 oregon-trail

`author`	steemmate
`permlink`	re-trumppolitics-re-java1959-how-to-you-get-a-thumbnail-image-to-display-20170713t135637646z
`category`	steemhelp
`json_metadata`	{"tags":["steemhelp"],"app":"steemit/0.1"}
`created`	2017-07-13 13:56:36
`last_update`	2017-07-13 13:56:36
`depth`	2
`children`	0
`last_payout`	2017-07-20 13:56:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	17
`author_reputation`	860,252,844,704
`root_title`	"How Do You Get A Thumbnail Image To Display?"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	8,343,203
`net_rshares`	0
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
oregon-trail	0 B		0	100%