ウェブページの画像をtumblrにポストするとき、オリジナルサイズの画像をアップして自分のtumblrにはそれが表示されるけど、画像のリンクはオリジナル画像の直URLで、下にテキストでオリジナル画像が張ってあるページのタイトルとリンク先はオリジナルページ、としたいのですがどのようにすると簡単ですか?

firefoxとchrome両方使います。設定方法までおしえてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 13歳以上
  • 登録:2011/11/09 23:48:24
  • 終了:2011/11/13 13:19:12

ベストアンサー

id:migrantblacky No.2

migrantblacky回答回数466ベストアンサー獲得回数1012011/11/11 08:00:38

ポイント50pt

わかるとこから部分回答していきます。
「投稿するのですが、画像がリサイズされてしまいます。」
これはお使いのテーマで表示する画像のサイズを設定しています。
Tumblrの内部的には
「最大サイズ(長辺1280px?)」「長辺500px」「長辺400px」「長辺250px」「長辺100px」「75px」
の各サイズのデータで保存されており
独自タグを使いテーマ内にどのサイズで画像を表示するかを設定します。
詳しい説明や設定項目は以下にあります。
 ⇒ Creating a custom HTML theme | Tumblr

{PhotoURL-500}URL for the photo of this post. No wider than 500-pixels.
{PhotoURL-400}URL for the photo of this post. No wider than 400-pixels.
{PhotoURL-250}URL for the photo of this post. No wider than 250-pixels.
{PhotoURL-100}URL for the photo of this post. No wider than 100-pixels.
{PhotoURL-75sq}URL for a square version the photo of this post. 75-pixels by 75-pixels.
{PhotoURL-HighRes}URL for the high-res photo of this post.

 
一覧ページでは「長辺400px」の画像
個別ポストページでは「最大サイズ(長辺1280px?)」の画像
のように表示させたい場合はテーマの[編集HTML]から

                   {block:Photo}
                           {block:PermalinkPage}
                              <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
                           {/block:PermalinkPage}
                           {block:IndexPage}
                              <img src="{PhotoURL-400}" alt="{PhotoAlt}">
                           {/block:IndexPage}
                        {block:Caption}
                           {Caption}
                        {/block:Caption}
                    {/block:Photo}

のように書くことでカスタマイズできます。
テーマによってはCSSで横幅などが制限されているので
対応する横幅の数値を調節してやる必要があります。
 
もし面倒や難しいと感じるのであれば
テーマ選択の「高解像度」カテゴリーのテーマから選択するのも手軽です。

id:quict

えーと、オリジナルサイズの画像をtumblrにアップしたいのです。一度ローカルに保存してアップロードするのではなく、直接。tomblooなんかを試しているのですが、リサイズしてアップされます。これもテーマが関係しているのでしょうか。
表示サイズはここでは関係ありません。オリジナルサイズで投稿できれば。

2011/11/11 21:23:56
id:migrantblacky

えーっと以下のサイトの画像を例にして説明します。
 ⇒ Presseinformationen zur Tagung in Düsseldorf
このページの4つ目の画像、赤背景に骨が2体踊っている画像です。
元画像は1272px×1763pxありかなり大きい画像です。
 ⇒ tibet.jpg (1272×1763)
この画像をTumblrに取り込むと取り込んだ人が必要かどうかに関わらず
自動的に6つの画像が生成されます。


  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_75sq.jpg  (75×75)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_100.jpg (100×139)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_250.jpg (250×347)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_400.jpg (400×554)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_500.jpg (500×693)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_1280.jpg?AWSAccessKeyId=AKIAJ6IHWSU3BX3X7X3Q&Expires=1321107404&Signature=Uh89IWyx7zb7m%2BSz5KDTPwB9h3A%3D (924×1280)

 
一番大きい画像はでかいので貼りませんがサイズは(924px×1280px)となり
オリジナルサイズ(1272px×1763px)より小さくなります。
Tumblrでは最大1280pxの大きさまでしか取り込めません。
それより大きい画像は長い辺が1280pxになるよう縮小されて取り込まれます。
1280pxを越えないサイズのものはオリジナルサイズで取り込めます。
 
この取り込んでTumblrサーバーに保存された画像は取り込んだアカウントの人のものではなく
Tumblrユーザーの共有物としてあつかわれます。
誰かがTumblr内でリブログするとその人のTumblrで同じ取り込んだ画像が表示されます。
表示されるサイズはテーマで設定された大きさのものとなります。

2011/11/11 23:39:17

その他の回答(2件)

id:t_ommy No.1

t_ommy回答回数2ベストアンサー獲得回数12011/11/10 16:33:06

ポイント30pt

http://www.yahoo.co.jp

URLはダミーです。


他にも方法があるんじゃないかとも思いますが、

私の思いつくところだと以下のような感じですね。


まずchrome拡張のtaberareloo(もしくはFirefox拡張のtombloo)で

サムネから右クリで投稿します。

これでtumblrにはリンク先の元画像が投稿され、

下のキャプションには元ページのリンク付きタイトルが表示されます。


しかし、このままだと画像をクリックしたとき、元ページに飛ばされてしまうので、

tumblrの編集ページの一番下にあるリンクを手動コピペで直リンクに変えれば目的は達成できます。


面倒ですが、私の知る限りだとこれが最短ですね。


ただ、リファラの関係でfc2やamebaのブログの画像は

外部サイトからの直リンだと表示できませんよ。

一応回避策としてhttpsでアクセスすれば表示できると思いますが。

id:quict

投稿するのですが、画像がリサイズされてしまいます。

2011/11/10 23:36:52
id:t_ommy

失礼しました、質問意図を把握しきれていませんでした。

http://www.tumblr.com/docs/ja/posting
このヘルプによるとtumblrは画像を500×700px以下にリサイズする仕様なので
トップページに元のサイズの画像を表示することはできないようです。

ヘルプにはパーマリンクを開くと元のサイズで表示されるとありますが、
tumblrのデザインによってはサイズが制限されるようです。
左右のカラムに邪魔されないデザインのものにすればいいみたいです(参考 ttp://fin1219.tumblr.com)。

他にも以下のサイトでは無理やりサイズ指定する方法が紹介されてます。
私はCSSがよく分からないので参考までに。
http://bit.ly/qKBBrx

2011/11/11 00:56:15
id:migrantblacky No.2

migrantblacky回答回数466ベストアンサー獲得回数1012011/11/11 08:00:38ここでベストアンサー

ポイント50pt

わかるとこから部分回答していきます。
「投稿するのですが、画像がリサイズされてしまいます。」
これはお使いのテーマで表示する画像のサイズを設定しています。
Tumblrの内部的には
「最大サイズ(長辺1280px?)」「長辺500px」「長辺400px」「長辺250px」「長辺100px」「75px」
の各サイズのデータで保存されており
独自タグを使いテーマ内にどのサイズで画像を表示するかを設定します。
詳しい説明や設定項目は以下にあります。
 ⇒ Creating a custom HTML theme | Tumblr

{PhotoURL-500}URL for the photo of this post. No wider than 500-pixels.
{PhotoURL-400}URL for the photo of this post. No wider than 400-pixels.
{PhotoURL-250}URL for the photo of this post. No wider than 250-pixels.
{PhotoURL-100}URL for the photo of this post. No wider than 100-pixels.
{PhotoURL-75sq}URL for a square version the photo of this post. 75-pixels by 75-pixels.
{PhotoURL-HighRes}URL for the high-res photo of this post.

 
一覧ページでは「長辺400px」の画像
個別ポストページでは「最大サイズ(長辺1280px?)」の画像
のように表示させたい場合はテーマの[編集HTML]から

                   {block:Photo}
                           {block:PermalinkPage}
                              <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
                           {/block:PermalinkPage}
                           {block:IndexPage}
                              <img src="{PhotoURL-400}" alt="{PhotoAlt}">
                           {/block:IndexPage}
                        {block:Caption}
                           {Caption}
                        {/block:Caption}
                    {/block:Photo}

のように書くことでカスタマイズできます。
テーマによってはCSSで横幅などが制限されているので
対応する横幅の数値を調節してやる必要があります。
 
もし面倒や難しいと感じるのであれば
テーマ選択の「高解像度」カテゴリーのテーマから選択するのも手軽です。

id:quict

えーと、オリジナルサイズの画像をtumblrにアップしたいのです。一度ローカルに保存してアップロードするのではなく、直接。tomblooなんかを試しているのですが、リサイズしてアップされます。これもテーマが関係しているのでしょうか。
表示サイズはここでは関係ありません。オリジナルサイズで投稿できれば。

2011/11/11 21:23:56
id:migrantblacky

えーっと以下のサイトの画像を例にして説明します。
 ⇒ Presseinformationen zur Tagung in Düsseldorf
このページの4つ目の画像、赤背景に骨が2体踊っている画像です。
元画像は1272px×1763pxありかなり大きい画像です。
 ⇒ tibet.jpg (1272×1763)
この画像をTumblrに取り込むと取り込んだ人が必要かどうかに関わらず
自動的に6つの画像が生成されます。


  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_75sq.jpg  (75×75)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_100.jpg (100×139)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_250.jpg (250×347)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_400.jpg (400×554)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_500.jpg (500×693)



  1. http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_1280.jpg?AWSAccessKeyId=AKIAJ6IHWSU3BX3X7X3Q&Expires=1321107404&Signature=Uh89IWyx7zb7m%2BSz5KDTPwB9h3A%3D (924×1280)

 
一番大きい画像はでかいので貼りませんがサイズは(924px×1280px)となり
オリジナルサイズ(1272px×1763px)より小さくなります。
Tumblrでは最大1280pxの大きさまでしか取り込めません。
それより大きい画像は長い辺が1280pxになるよう縮小されて取り込まれます。
1280pxを越えないサイズのものはオリジナルサイズで取り込めます。
 
この取り込んでTumblrサーバーに保存された画像は取り込んだアカウントの人のものではなく
Tumblrユーザーの共有物としてあつかわれます。
誰かがTumblr内でリブログするとその人のTumblrで同じ取り込んだ画像が表示されます。
表示されるサイズはテーマで設定された大きさのものとなります。

2011/11/11 23:39:17
id:Cherenkov No.3

Cherenkov回答回数1502ベストアンサー獲得回数4922011/11/12 03:49:24

ポイント20pt

オリジナルサイズの画像をリブログすることはできません。
縮小して保存される仕様です。


リブログとは趣が違いますが、Gyazoを使えば大きな画像を瞬時に共有することができます。
(gyazoのページをリブログすれば要件は満たすかも?)
Gyazoへようこそ : スクリーンショットの瞬間共有



参考:
あー (tumblr) - おもしろメモと花と蠅

  • id:migrantblacky
    ご質問はこれまでに投稿したものの再設定のやり方でしょうか?
    もしくは新たに投稿するものを手間をかけずご希望のリンク先になるような方法でしょうか?
    新たに投稿する方であればお使いのブラウザや投稿で使っているツール(あれば)を教えて下さい
    また質問で要望されている挙動はダッシュボード上ではなく
    あなたの公開されているページ上の話でよろしいでしょうか?
  • id:quict
    新たにです。両方使いますがtomblooのほうがダイアログ出なくて好きです。
    公開ページですね。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません