Difference between revisions of "記事に画像をつける方法"

From Steem Center
Jump to: navigation, search
m
(other languages)
 
Line 6: Line 6:
  
  
−
== 画像ホスティングサービス ==
+
=== 画像ホスティングサービス ===
  
 
アップロード機能がリリースされる前は、画像をホストするためにSteemitユーザー向けのサイト[http://www.steemimg.com SteemIMG]があるにも関わらず、多くのSteemianは登録が必須でない[http://imgsafe.org Imgsafe.org]を推奨していた。他の選択肢としては画像の閲覧数に応じてビットコインを登録ユーザーに支払う[https://supload.com Supload.com]があった。その他に、[https://imgur.com Imgur.com]、 [https://www.pictub.club/ Pictub.club],、[https://postimage.io Postimg.io]などがある。
 
アップロード機能がリリースされる前は、画像をホストするためにSteemitユーザー向けのサイト[http://www.steemimg.com SteemIMG]があるにも関わらず、多くのSteemianは登録が必須でない[http://imgsafe.org Imgsafe.org]を推奨していた。他の選択肢としては画像の閲覧数に応じてビットコインを登録ユーザーに支払う[https://supload.com Supload.com]があった。その他に、[https://imgur.com Imgur.com]、 [https://www.pictub.club/ Pictub.club],、[https://postimage.io Postimg.io]などがある。
  
−
== 位置合わせ ==
+
=== 位置合わせ ===
  
 
デフォルトの画像配置は左側であるが、"Markdown"モードのオプションで以下のコードを使うことにより画像を中央に配置することができる：
 
デフォルトの画像配置は左側であるが、"Markdown"モードのオプションで以下のコードを使うことにより画像を中央に配置することができる：
Line 22: Line 22:
 
* <nowiki><div class="pull-left">http://yourimage/link.png</div> Right side column</nowiki>
 
* <nowiki><div class="pull-left">http://yourimage/link.png</div> Right side column</nowiki>
  
−
== 最適な画像サイズとサイズ変更 ==
+
=== 最適な画像サイズとサイズ変更 ===
  
 
いくつかの実験により、[https://steemit.com/steemit/@pkattera/the-perfect-dimensions-for-the-main-image-in-your-steemit-com-post-are @pkattera]は記事のメイン画像の“完璧な”サイズを推奨している。[[Steemit (jp)|Steemit]]のメインフィード内で、サムネイルとして表示された画像は小さいモバイル画面ではフルに表示されるが、“セーフゾーン”内の領域は([https://steemit.com/steemit/@pkattera/the-perfect-dimensions-for-the-main-image-in-your-steemit-com-post-are テンプレートを参照])デスクトップに表示される。
 
いくつかの実験により、[https://steemit.com/steemit/@pkattera/the-perfect-dimensions-for-the-main-image-in-your-steemit-com-post-are @pkattera]は記事のメイン画像の“完璧な”サイズを推奨している。[[Steemit (jp)|Steemit]]のメインフィード内で、サムネイルとして表示された画像は小さいモバイル画面ではフルに表示されるが、“セーフゾーン”内の領域は([https://steemit.com/steemit/@pkattera/the-perfect-dimensions-for-the-main-image-in-your-steemit-com-post-are テンプレートを参照])デスクトップに表示される。
Line 38: Line 38:
 
また、高さまたは幅のみを指定して、他の属性を空のままにしてもコードは機能する。
 
また、高さまたは幅のみを指定して、他の属性を空のままにしてもコードは機能する。
  
−
== モバイルアプリとChrome拡張 ==
+
=== モバイルアプリとChrome拡張 ===
  
 
[https://steemit.com/esteem-features/@good-karma/esteem-feature-set-7-select-image-my-images-manage-my-images-copypaste-image @good-karma]によって開発されたモバイルアプリおよびデスクトップアプリケーションである'''eSteem'''はギャラリーにリストされた画像を[https://imgur.com Imgur.com]に直接アップロードすることができる。
 
[https://steemit.com/esteem-features/@good-karma/esteem-feature-set-7-select-image-my-images-manage-my-images-copypaste-image @good-karma]によって開発されたモバイルアプリおよびデスクトップアプリケーションである'''eSteem'''はギャラリーにリストされた画像を[https://imgur.com Imgur.com]に直接アップロードすることができる。
Line 68: Line 68:
 
* [[投稿の書式設定のヒント]]
 
* [[投稿の書式設定のヒント]]
 
* [[Steemの資産を増やす方法]]
 
* [[Steemの資産を増やす方法]]
−
* [[In_the_news|In the News]]（英語）
+
* [[ニュース]]
  
−
==参照文献==
+
==外部リンク==
  
 
* '''Frot Design''' : [http://www.frot.co.nz/design/computing/a-bunch-of-stuff-about-steemit/ A bunch of stuff about Steemit] ''署名なし、2016年10月27日公開。''
 
* '''Frot Design''' : [http://www.frot.co.nz/design/computing/a-bunch-of-stuff-about-steemit/ A bunch of stuff about Steemit] ''署名なし、2016年10月27日公開。''
 +
 +
==他言語版==
 +
 +
* English : [[Including images in your posts]]
 +
* [[Galego]] : [[Formatear imaxes]]
  
 
<br>
 
<br>

Latest revision as of 21:46, 22 September 2017

良い書式設定ができたら、次は記事に画像を追加することを強く推奨するが、2017年2月までSteemitには画像ファイルをホストする機能がなかった。機能リリース以前は、Imgsafe.orgやSteemIMGのようなサードパーティのサイトに画像をアップロードし、画像リンク（通常はhttpまたはhttpsで始まり、jpg、png、gifで終わる）をコピーし、編集中のSteemitの"Submit a Story"ウインドウに貼り付ける必要があった。

また、他人の素材/画像を利用する場合は、著作権法に違反していないことを確認すること。ソースをリストにし、オリジナルの著者にクレジットを提供することは良い案である。

2017年のロードマップで約束されているように、Steemitは画像ホストの制限を2月に変更し、無料の統合画像ホストサービスを導入した。それにより、誰でも記事やコメントに自分のコンピュータの画像をドラッグ＆ドロップできるようになった。この機能はQ2（4月～7月）にリリースされると案内されていたが、2017年2月にリリースされた。


画像ホスティングサービス

アップロード機能がリリースされる前は、画像をホストするためにSteemitユーザー向けのサイトSteemIMGがあるにも関わらず、多くのSteemianは登録が必須でないImgsafe.orgを推奨していた。他の選択肢としては画像の閲覧数に応じてビットコインを登録ユーザーに支払うSupload.comがあった。その他に、Imgur.com、 Pictub.club,、Postimg.ioなどがある。

位置合わせ

デフォルトの画像配置は左側であるが、"Markdown"モードのオプションで以下のコードを使うことにより画像を中央に配置することができる：

  • <center>http://yourimage/link.png</center>

また、テキストの左または右に浮かべるようにすることもできる。@ervin-lemarkが説明しているように次のコードを使う：

  • <div class="pull-right">http://yourimage/link.png</div> Left side column
  • <div class="pull-left">http://yourimage/link.png</div> Right side column

最適な画像サイズとサイズ変更

いくつかの実験により、@pkatteraは記事のメイン画像の“完璧な”サイズを推奨している。Steemitのメインフィード内で、サムネイルとして表示された画像は小さいモバイル画面ではフルに表示されるが、“セーフゾーン”内の領域は(テンプレートを参照)デスクトップに表示される。

  • 1680×1292ピクセル、840×646ピクセルまたはそれ以下の画像で縦横比が1.3：1のもの。

@rossenpavlovのヒントによれば、マークダウンエディタ内で簡単に画像サイズを変更する方法がある。画像リンクを挿入すると、エディタは次のプレフィックスを挿入する：

  • https://img1.steemit.com/0x0/http://yourimage/link.png - ここで/0x0/はオリジナルサイズの値である。

0を他のピクセル数で置き換えることにより、画像サイズを変更できる。オリジナルサイズが600×300のとき、サイズを半分にしたい場合はコードを次のようにする：

  • https://img1.steemit.com/300x150/http://yourimage/link.png

また、高さまたは幅のみを指定して、他の属性を空のままにしてもコードは機能する。

モバイルアプリとChrome拡張

@good-karmaによって開発されたモバイルアプリおよびデスクトップアプリケーションであるeSteemはギャラリーにリストされた画像をImgur.comに直接アップロードすることができる。

他に、@savandraが2016年6月にGoogle Chromeの拡張としてSteemitorを発表した。このアイデアは、ユーザーが一つの画像をドラッグ＆ドロップするだけですぐに使用できる画像を得ることであったが、Chromeストアへのリンクは既に切れてしまっている。

リンク

関連項目

外部リンク

他言語版



このページの更新にご協力ください。 登録後、編集をクリックしてテキストを追加または変更し保存します。
既にSteemianである場合は報酬としてSTEEMが送られます。 @steemcenterwikiを参照してください。


Retrieved from "http://www.steem.center/index.php?title=記事に画像をつける方法&oldid=6447"