create account

Preview your post and how your Title Image will be displayed!... Before you pull the Trigger! by steempower

View this thread on: hive.blog |  peakd.com |  ecency.com
steem · @steempower ·
$609.23
Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!
![](http://i.imgsafe.org/e2ddb5c8cf.png)
### Use this tool to make sure your post look's picture perfect before pulling the trigger and  hitting the 'POST' button.

One of the most important aspects of a post is the title picture and headline; i was struggling yesterday with a picture that was being cropped and as a result it was not being displayed in it's full glory. 

So i have mashed up a little tool and i am happy to present it so we can use it in the meantime to test how our Image, Title and Summary will be displayed on Steemit! it give's you a complete preview on how your post will be displayed and even comes with $400+ worth of upvotes.
![](http://i.imgsafe.org/e37a6c1e4d.png)
## The tool can be accessed [HERE](http://jsfiddle.net/3bu9b3tc/embedded/result/)

***Note 1**: 1 thing to keep in mind is that this page will display any image where as Steemit will sometimes not display pictures for HTTP sources; so i suggest making sure your picture actually loads in Steemit before using the tool to check how it will be displayed!*

***Note 2**: You can also check how your post will be displayed on a mobile device with smaller screen size by reducing the window size of your browser. just keep shrinking your browser until the layout changes to mobile view.*
![](http://i.imgsafe.org/e3828cea89.png)
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 120 others
properties (23)
authorsteempower
permlinkpreview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger
categorysteem
json_metadata{"tags":["steem","steemit","steemit-help"],"image":["http://i.imgsafe.org/e2ddb5c8cf.png"]}
created2016-07-07 11:27:54
last_update2016-07-07 11:27:54
depth0
children20
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value556.326 HBD
curator_payout_value52.908 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,317
author_reputation258,723,926,062,198
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id60,456
net_rshares223,210,338,040,708
author_curate_reward""
vote details (184)
@ajvest ·
$0.11
Can't wait to try this out. Thanks for doing this!
👍  , , , ,
properties (23)
authorajvest
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160707t132845936z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-07 13:28:48
last_update2016-07-07 13:28:48
depth1
children1
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.088 HBD
curator_payout_value0.024 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length50
author_reputation13,161,745,138,394
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id60,737
net_rshares1,678,406,798,676
author_curate_reward""
vote details (5)
@steempower · 
Cheers mate :) great to hear
👍  ,
properties (23)
authorsteempower
permlinkre-ajvest-re-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160707t135839008z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-07 13:58:39
last_update2016-07-07 13:58:39
depth2
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length28
author_reputation258,723,926,062,198
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id60,801
net_rshares353,074,382
author_curate_reward""
vote details (2)
@blackjincrypto · 
Nice work, happy to be here, cheers
properties (22)
authorblackjincrypto
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t200326164z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 20:03:09
last_update2016-07-08 20:03:09
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length35
author_reputation4,699,590,897,779
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,896
net_rshares0
@canhazlulz ·
$0.07
I was just saying to a fellow Steemer?  Steemitor? the other day that having something like this would be really useful.   Seems great minds think alike!
👍  , , ,
properties (23)
authorcanhazlulz
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160707t121415953z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-07 12:13:21
last_update2016-07-07 12:13:21
depth1
children1
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.062 HBD
curator_payout_value0.012 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length153
author_reputation3,241,575,981,322
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id60,549
net_rshares1,203,701,829,936
author_curate_reward""
vote details (4)
@steempower · 
Maybe they do.. Hope you get some use out of it :)
👍  , ,
properties (23)
authorsteempower
permlinkre-canhazlulz-re-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160707t124026908z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-07 12:40:30
last_update2016-07-07 12:40:30
depth2
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length50
author_reputation258,723,926,062,198
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id60,609
net_rshares165,420,959,128
author_curate_reward""
vote details (3)
@cass · (edited)
$0.03
Wow great tool - i want to add for writing and also author collaboration, why not just using a online markdown editor like  http://dillinger.io/ ?
👍  , ,
properties (23)
authorcass
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t075102758z
categorysteem
json_metadata{"tags":["steem"],"links":["http://dillinger.io/"]}
created2016-07-08 07:51:06
last_update2016-07-08 07:53:12
depth1
children1
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.030 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length146
author_reputation87,554,098,144,619
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id63,518
net_rshares567,814,108,386
author_curate_reward""
vote details (3)
@steempower · 
my main purpose was to be qble to display the cropping tbat would apply to the image. Thanks for the mark down editor looks good :)
👍  ,
properties (23)
authorsteempower
permlinkre-cass-re-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t083916005z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 08:39:15
last_update2016-07-08 08:39:15
depth2
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length131
author_reputation258,723,926,062,198
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id63,668
net_rshares363,014,647
author_curate_reward""
vote details (2)
@denialex · 
i like this  information, thanks
properties (22)
authordenialex
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t212340179z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 21:23:45
last_update2016-07-08 21:23:45
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length32
author_reputation-407,298,292,043
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id66,175
net_rshares0
@dhestwu · 
Awesome tool. i will be using this when I write my post . Thx u steempower
properties (22)
authordhestwu
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t181018954z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 18:10:30
last_update2016-07-08 18:10:30
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length74
author_reputation103,088,952,750
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,448
net_rshares0
@firepower · 
This is great! I will be using this when I write my posts! Thanks for coding this tool!
👍  
properties (23)
authorfirepower
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t103331279z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 10:24:36
last_update2016-07-08 10:24:36
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length87
author_reputation1,145,868,474,852,473
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id63,883
net_rshares148,714,093
author_curate_reward""
vote details (1)
@jabberw0cky · 
Thank you for this tip. Very useful.
properties (22)
authorjabberw0cky
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t172648189z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 17:26:54
last_update2016-07-08 17:26:54
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length36
author_reputation2,488,807,039,602
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,277
net_rshares0
@kcpham · 
Great Post. Thank you steempower
👍  
properties (23)
authorkcpham
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t163259324z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 16:33:00
last_update2016-07-08 16:33:00
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length32
author_reputation6,275,520,836
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,037
net_rshares148,714,093
author_curate_reward""
vote details (1)
@pfunk ·
$0.07
I was just thinking about how it would be useful for Steemit to preview these things, especially the thumbnail, when making a post. This is the next best thing.
👍  ,
properties (23)
authorpfunk
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t083459329z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 08:35:24
last_update2016-07-08 08:35:24
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.049 HBD
curator_payout_value0.016 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length160
author_reputation221,632,045,904,452
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id63,653
net_rshares1,082,115,655,206
author_curate_reward""
vote details (2)
@pfunk · 
Tried to use it just now but there's something going on with the top part of it and it's broken.
👍  ,
properties (23)
authorpfunk
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160713t175012013z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-13 17:50:18
last_update2016-07-13 17:50:18
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length96
author_reputation221,632,045,904,452
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,182
net_rshares0
author_curate_reward""
vote details (2)
@primus · 
To make sure your picture actually loads in Steemit [use one of the image hosting from this list](https://steemit.com/steemit/@primus/best-3-image-hosting-sites-for-steem).
👍  , , , ,
properties (23)
authorprimus
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160707t115125491z
categorysteem
json_metadata{"tags":["steem"],"links":["https://steemit.com/steemit/@primus/best-3-image-hosting-sites-for-steem"]}
created2016-07-07 11:51:51
last_update2016-07-07 11:51:51
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length172
author_reputation7,242,011,333,909
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id60,495
net_rshares179,546,330,925
author_curate_reward""
vote details (5)
@syadastinasti · 
https://i.imgsafe.org/f4d5ca2140.png

this is what it looks like on my phone though
👍  ,
properties (23)
authorsyadastinasti
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t070303650z
categorysteem
json_metadata{"tags":["steem"],"image":["https://i.imgsafe.org/f4d5ca2140.png"]}
created2016-07-08 07:03:09
last_update2016-07-08 07:03:09
depth1
children2
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length83
author_reputation1,547,051,595,896
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id63,382
net_rshares13,903,875,521
author_curate_reward""
vote details (2)
@steempower · 
I made a choice to stay with an image that displays better on the desktop version over the mobile otherwise to have it display nice on both would mean that the desktop version would be quite small
👍  
properties (23)
authorsteempower
permlinkre-syadastinasti-re-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t083722018z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 08:37:24
last_update2016-07-08 08:37:24
depth2
children1
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length196
author_reputation258,723,926,062,198
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id63,664
net_rshares143,756,956
author_curate_reward""
vote details (1)
@syadastinasti · 
yeah the problem lies not with your tool of course! Steemit mobile still has some issues is all:)
👍  
properties (23)
authorsyadastinasti
permlinkre-steempower-re-syadastinasti-re-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t122038443z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 12:20:36
last_update2016-07-08 12:20:36
depth3
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length97
author_reputation1,547,051,595,896
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id64,197
net_rshares143,756,956
author_curate_reward""
vote details (1)
@tinfoilfedora ·
$6.64
Great tool. This should be forwarded to the steemit dev team, so it can be implemented here. 
(And hopefully earn you some kind of reward.)
👍  , , , , , ,
properties (23)
authortinfoilfedora
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160707t154250900z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-07 15:42:54
last_update2016-07-07 15:42:54
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value4.982 HBD
curator_payout_value1.660 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length139
author_reputation20,279,768,518,195
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id61,035
net_rshares21,600,505,221,416
author_curate_reward""
vote details (7)
@yana · 
Thank you steempower.
👍  
properties (23)
authoryana
permlinkre-steempower-preview-your-post-and-how-your-title-image-will-be-displayed-before-you-pull-the-trigger-20160708t154012598z
categorysteem
json_metadata{"tags":["steem"]}
created2016-07-08 15:40:15
last_update2016-07-08 15:40:15
depth1
children0
last_payout2016-08-20 01:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length21
author_reputation29,549,911,952
root_title"Preview your post and how your Title Image will be displayed!... Before you pull the Trigger!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id64,853
net_rshares183,414,048
author_curate_reward""
vote details (1)
Help/Feedback