匿名質問者

タンブラーで投稿されたサムネイル写真の縦横比がズレてしまっています、直す方法はありますか?


Googleブロガーからtumblrへ記事をエクスポートしました。
200投稿程、写真の縦横比がズレています(比率がズレてない投稿も少しありますがその他はズレています)

クリックすると原寸表示になり比率のズレはありません。

回答の条件
  • 1人10回まで
  • 登録:
  • 終了:2014/04/24 19:47:14

ベストアンサー

匿名回答1号 No.1

 直接の原因はテーマのCSSでした。
 たとえば最初の画像は、写真のサムネイル自体は横幅640px、縦幅426px有るのですが、それを納める領域(divのclass="column right")の横幅が500pxしか有りませんので、横幅が圧縮されています。
 "column right"とそれを納めるコンテナのdiv.containerのwidthを変更することにより修正可能です。でも、細かい調整は大変ですよ。width指定を全部検索して該当するところを全部直さなくちゃです。今日は時間がなくて、ちょっと私は対応出来ません。
 いっそ、テーマを変えるのも有りだと思いますが、いかがでしょうか。

匿名質問者

cssだったんですね・・・数字変えてやってみましたが、知識不足で解決出来ないだけだったと思うとお恥ずかしいです。

cssの勉強も兼ねて横幅を修正してみます。

皆様、分かりづらい質問にご丁寧にありがとうございました!

2014/04/24 19:47:05
  • 匿名回答1号
    匿名回答1号 2014/04/24 16:11:22
    サムネイルの画像一覧のアスペクト比(縦横比)が一定になっているんではないでしょうか。。。
    一括処理でリサイズ(クリッピング)すると良い気がします。
    http://shinobu.tumblr.com/post/30091920413/windows-ralpha
    肝心の最適なアスペクト比が分からないので回答ではなくコメントで。(おそらく4:3だと思うんですけど)
  • 匿名質問者
    匿名質問者 2014/04/24 16:22:42
    早い回答ありがとうございます。

    アスペクト比はおっしゃる通り4:3です、その画像が読み込んだ記事の多くが(全てではないので不思議)サムネイルだとスクエアに近く表示されているので横から潰されて表示されてる状態です。

    クリック表示だと問題ないのですが・・・サムネイルだとアスペクト比ズレておりそれが全てに当てはまるなら府に落ちるのですが・・・そうではないようですし・・・
  • 匿名回答1号
    匿名回答1号 2014/04/24 16:33:45
    テーマのCSSの問題でしょうか。img要素のmax-widthとかmax-heightが指定されていて、大きな画像だと引っかかるとか?
  • 匿名質問者
    匿名質問者 2014/04/24 16:39:37
    cssに詳しくないのですがそれも考えて数字を上げてみましたがダメでした・・・
    不思議なのが全てズレてる訳ではなく、アスペクト比が正常な投稿も含まれているんですね。

    文字も説明だけよりページを貼って実際見た方が分かりやすいでしょうか?

    なにより分かりにくい質問に丁寧な回答をありがとうございます。
  • 匿名回答1号
    匿名回答1号 2014/04/24 16:49:16
    CSSでなく実イメージの問題なら、画像形式で差が出てるのかもしれませんね。聞いたことがありませんが。。。
    これから用事で出かけますので、今日のところは、私はここまでですが、他の回答者さんが実際のページを見れば分かることもあると思いますよ。
  • 匿名質問者
    匿名質問者 2014/04/24 17:45:57
    http://mchrome098.tumblr.com/page/3このページです。

    一括でなおせる方法あるなら教えて頂けると嬉しいです。
    最悪、写真を一旦保存しなおして文字をコピペ再投稿しようかと考えています。

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

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

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

回答リクエストを送信したユーザーはいません