人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: quict
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● t_ommy
●30ポイント

http://www.yahoo.co.jp

URLはダミーです。


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

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


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

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

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

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


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

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


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


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

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

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


quictさんのコメント
投稿するのですが、画像がリサイズされてしまいます。

t_ommyさんのコメント
失礼しました、質問意図を把握しきれていませんでした。 http://www.tumblr.com/docs/ja/posting このヘルプによるとtumblrは画像を500×700px以下にリサイズする仕様なので トップページに元のサイズの画像を表示することはできないようです。 ヘルプにはパーマリンクを開くと元のサイズで表示されるとありますが、 tumblrのデザインによってはサイズが制限されるようです。 左右のカラムに邪魔されないデザインのものにすればいいみたいです(参考 ttp://fin1219.tumblr.com)。 他にも以下のサイトでは無理やりサイズ指定する方法が紹介されてます。 私はCSSがよく分からないので参考までに。 http://bit.ly/qKBBrx

2 ● migrantblacky
●50ポイント ベストアンサー

わかるとこから部分回答していきます。
「投稿するのですが、画像がリサイズされてしまいます。」
これはお使いのテーマで表示する画像のサイズを設定しています。
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で横幅などが制限されているので
対応する横幅の数値を調節してやる必要があります。

もし面倒や難しいと感じるのであれば
テーマ選択の「高解像度」カテゴリーのテーマから選択するのも手軽です。


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

migrantblackyさんのコメント
えーっと以下のサイトの画像を例にして説明します。 ⇒ [http://www.totentanz-online.de/tagungen/presse-duesseldorf.php:title=Presseinformationen zur Tagung in D?sseldorf] このページの4つ目の画像、赤背景に骨が2体踊っている画像です。 元画像は1272px×1763pxありかなり大きい画像です。 ⇒ [http://www.totentanz-online.de/tagungen/Presse/tibet.jpg:title=tibet.jpg (1272×1763)] この画像をTumblrに取り込むと取り込んだ人が必要かどうかに関わらず 自動的に6つの画像が生成されます。 <hr> +http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_75sq.jpg (75×75) <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_75sq.jpg"> <hr> +http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_100.jpg (100×139) <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_100.jpg"> <hr> +http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_250.jpg (250×347) <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_250.jpg"> <hr> +http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_400.jpg (400×554) <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_400.jpg"> <hr> +http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_500.jpg (500×693) <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_kxv08ucKPX1qzwcheo1_500.jpg"> <hr> +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で同じ取り込んだ画像が表示されます。 表示されるサイズはテーマで設定された大きさのものとなります。

3 ● Cherenkov
●20ポイント

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


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



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

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ