• 締切済み

Tumblr上で原寸画像を扱いたい

HTMLやTumblr関数の勉強を始めました。画像投稿関連で分からないことがあります。 Tumblr上ではオリジナルサイズの画像を扱うことは不可能なのでしょうか。 画像を投稿すると、投稿形態(テキスト記事に添付するのか、画像記事での投稿なのか、ローカルフォルダからのアップロードか、画像URLの直リンクか等)に関係なく、Tumblr側で6種類のサイズに自動変換したものを用意するようなのですが…。 例えば、「表示可能な最大サイズは1000pxとし、それ以下のサイズは原寸で表示する」…というレイアウトや、 「一覧ページで画像をクリックすると、原寸画像が貼られたパーマリンクか、直リンクした画像URLへ飛べる」…といったレイアウトを希望しています。 添付したスクショはBroderick Basicというテーマを使用し、post widthという項目を200に設定したものです。色々なサイズのテスト画像を投稿したら、100px平方の画像が引き延ばされてボヤけてしまいました。 これまでに試用してみたテーマはIndy、Broderick Basic、Syndexです。

みんなの回答

  • ou__uo
  • ベストアンサー率21% (10/47)
回答No.1

ご自分でHTMLを勉強されているということでしたらこちらが参考になるかもしれません。 Tumblrで使える独自タグの一覧を日本語化したページです。 http://stainless-note.tumblr.com/how_to_create_a_custom_html_theme 予め用意されている画像サイズは75、100、250、400、500で最長は1280です。 1280px以下なら画像のURLに該当する箇所に{PhotoURL-HighRes}を使います。 <img src="{PhotoURL-HighRes}">という風に。 幅や高さを統一することはできますが、長編を1000pxに設定して画像によって比率を変更してもらうようにはできないと思います。 直リンクした画像のURLを貼るには記事を投稿するときにhtmlモードに変更して <img src="直リンしたURL.jpg" " width=“横サイズ" height=“縦サイズ”> といちいち自分で画像の比率を計算して数字を入れるしかないんじゃないですかね。 的外れな意見でしたら申し訳ない。

参考URL:
http://stainless-note.tumblr.com/how_to_create_a_custom_html_theme

関連するQ&A

  • tumblrのカスタマイズ

    tumblrのブログを使用しています。 投稿時に画像を中央揃えにしたいのですが、自力でいくらやっても出来ません。 改善方法を教えて下さい。宜しくお願いいたします。 ・テンプレートのテーマは「bulletproof」です ・テンプレートの編集で記事幅のサイズを「500px→650px」に変更しています ・「テキストを投稿 」で「画像URL」を選択しています  HTMLには「align="middle"」と記入されているのですが、実際には変化していません ブログテーマ(bulletproof)http://www.tumblr.com/theme/31098

  • tumblrを始めたいのですが・・・

    tumblrのアカウントを取得したのですが、記事の投稿の仕方がよく分からず困ってます。 どんな記事を投稿したいかというと、画像を使ったリンクなのですが 例えば、pixivの画像をtumbrに表示し、その画像をクリックすることでその絵のページへジャンプできるリンクを投稿したいです。 textやphotoといったタブがありますが、どれから投稿すればよいのでしょうか?

  • Tumblrで記事中にリンクが貼れない

    Tumblrで「Aa テキスト」の所から記事を書く際に、 記事中にリンクを貼ろうとしたら、うまく表示されません。 例えば「パソコン」という文字にリンクを貼って、パソコンの画像検索ページに飛ばそうとする時。 「この<a href="画像検索ページのURL">パソコン</a>がおすすめ!」 と記事を書いて保存すると、Tumblrの自分のサイト上で 「この<a href="画像検索ページのURL">パソコン</a>がおすすめ!」 とそのままタグが表示されてしまいます。 ダッシュボードで保存した記事を見てもそのままタグが表示されたり、</a>以降の「がおすすめ!」の部分までリンクの下線が続いたりします。 わかりにくくてすみませんが、どうしてTumblrの記事上でリンクが貼れないのでしょうか? 記事中の文字を押すとその言葉に関連したページなどに飛べるようにしたいので、Tumblrの「リンク」ではなくhtmlで組み込めるようにしたいです。 どうかご示唆のほどよろしくお願い致します。

  • 携帯から画像を原寸で投稿

    携帯で撮った写真をPCにメールに添付すると自動的にiショットサイズの画像に縮小されます。 原寸で送りたいと思っています。 携帯から画像を投稿できるサービス、あるいはperlスクリプトをご存知でしたら教えていただけないでしょうか。

    • ベストアンサー
    • CGI
  • Tumblrテーマのcssが読めません

    https://www.tumblr.com/theme/38637 上記テーマでサイトを制作しています。 トップページのスライド部分の画像はどこに投稿したものが表示されるのでしょうか? div id="slide_cnt" の部分がそうだとは思うのですがその先がよくわからなくて… どうぞよろしくお願いいたします。

    • 締切済み
    • CSS
  • Tumblrの画像投稿で勝手にリサイズされる

    先日からTumblrで画像投稿しようとすると、勝手に500pixelほどに縮小されてしまいます。 縮小されてしまう間までに何か設定を変更してはいません。 カスタマイズの問題かと思い、テンプレートももう一度変更してみましたが無理でした。 投稿の際にリサイズされてしまうので、テンプレートよりも投稿設定の問題かと思うのですが 自分の力ではどうにもできなかったので、質問させて頂きます。 ご存知のかたいらっしゃれば、よろしくお願い致します。 ・画像投稿最大サイズ、フォーマットは理解しております。 ・アカウント設定でフルサイズを表示にチェックを入れています。 ・使用テンプレート【http://sanographix.github.io/tumblr/illustfolio2/】  そのまま使用しており、いじっておりません。

  • HTMLやCSSに詳しい方、教えてください

    私はTumblrを使っていて、 最近無料のテーマに変えてみました。 しかし、そのデザイン、記事の後ろの四角がもう少し幅が大きければなあ、と思いまして いろいろといじってみたのですが、どうにも上手くいかず… 画像も添付いたしました。ぜひどうすればいいか教えてください。

  • 画像の直リンクについて

    よくバナーの直リンク禁止とwebサイトに書いてありますが 画像の直リンクとはどのようなものなのでしょうか。 URLの直リンクなら分かりますが。 それほど困ってはいないのでまったりと待っています。

  • 背景画像の上にテキストを表示したい

    はじめまして。 さっそくですが、背景画像の上にテキストを表示したいのですが、各ブラウザによってレイアウトにずれが生じてしまいます。 画像リンク(Network Servicesなど)は各ブラウザで確認してもレイアウトが崩れていないのですが、テキストリンク(aaaaaaaaaやbbbbbbbbなど)が思い切りずれてしまいます。 こちらまず背景画像をレイアウトし、その上に画像リンクやテキストを重ねてレイアウトしているのですが、作り方そのものが間違っているのでしょうか?それともcssの設定に問題があるのでしょうか? 該当css部分は下記です。 #oslu_1a{ margin-top: 30px; margin-left: 23px; } #oslu_2a{ margin-top: -55px; margin-left: 270px; } #oslu_3a{ margin-top: -39px; margin-left: 515px; } なにとぞよろしくお願いいたします。m(_ _)m

    • 締切済み
    • CSS
  • WordPressで投稿したページが表示されない

    WordPressを利用し、初めてブログを制作しています。 テーマは「AFFINGER5」を使用しています。 管理画面の「投稿」から試しに記事を投稿したのですが、投稿した記事をクリックしてもトップページ画面のままで、投稿した記事の中身を見ることができません。 (添付画像参照ください) クリックするとURLは変わっているので、リンクはしているようなのですが、その飛び先がどこかでトップページに設定されているということなのでしょうか。 なお、投稿記事3つとも同じような現象になるので、大元の設定によるものかと思われます。 原因の思い当たる方、ご意見いただければ幸いです。 よろしくお願いします。