注目タグ

質問・疑問

トピック詳細

お絵かきエディタで画像サイズを揃えるには?

お絵かきエディタを使用した画像をupすると元のサイズより小さくなってしまいます
4/7UP予定記事:元画像250×184→194×146

最初のキャンパスを選ぶときに任意:250(横)に設定しました。
ファイル管理画面でのファイル情報ではちゃんと250×184になってます。

UPした時にも250×184で表示されるようにするにはどうすればよいですか?

あと疑問なんですが、描いた絵を保存→・・・→ブログ画像ディレクトリへの保存 でNOを選んだ場合、その場合描いた絵はどこ へいってしまうのですか?
アップロード画面上では確認できないので、やはり保存されないのでしょうか?

スミマセンがPC詳しくないので、丁寧にお願いします。

2013年04月03日 12:11  by shaldone(shal)

コメント一覧 8件中、1~8件表示

  • お二方とも色々ありがとうございました。勉強になりました。
    自分でも何をしたのか謎です;;

    ですよね(苦笑)>ペイントなどのソフトを使って画像を加工保存してアップロード

    2013年04月12日 13:43 by shaldone(shal)

  • 横からすみません。

    ★ 【 お絵かきエディタが正常にご利用頂けないお客様へ 】
    InternetExplorerをご利用の方におきまして、お絵かきエディタで作成した画像に問題が生じる場合が
    ございます。異なるブラウザ(Google Chromeなど)にてお試し下さい。

    https://form1ssl.fc2.com/form/?id=15028

    との「お知らせ」を見かけました。
    もしIEをお使いでしたらこれ関連のエラーかも?

    2013年04月12日 12:50 by ucd

  • なるほど。まずどちらもサムネイルは使われてませんね。(サーバーにsのついた画像があるので生成だけはしてるみたいですが)

    正常な4/12の方は普通に画像を読み込んで表示する一般的なものですね。アップロードしたファイルから「この画像で記事を書 く」をされたのかと。

    問題の4/7ですがclassを使ってますね… 多分特定のオプションが読み込まれて、shalさんの意図しない表示になって いたのだと思います。(仮に50%だったなら横幅125にならないとおかしいですから)

    おそらく正常な方は「この画像で記事を書く」で貼り付け、問題のある方はそれ以外の方法で貼り付けられたのではないでしょうか ?


    画像の縁取り線についてはこちらに。border=0なら出ないと思います。
    http://www.tagindex.com/html_tag/img/img_border.html

    問題のある方の最後の
    style="border:0" class="emoji" が要らないと思い ます。お絵かきエディタから作った画像として指定してるみたいですが…

    先ほどお絵かきエディタを使ってみましたが何やら保存がうまくいかなかったりしました。どうやら他の方の環境でも起きてるよう です。
    http://request.fc2.com/view_wish.php?wid=5_1365662267_11227 268

    正直ローカルでペイントなどのソフトを使って画像を加工保存してアップロード、記事に貼り付けた方がお手軽だと思います。

    2013年04月12日 11:45 by ギル

  • 4/7のタグ(おかしい方)
    <a href="http://blog-imgs-61.fc2.com/s/h/a/shaldone /snap_shaldone_201343112258.jpg">
    <img src="http://blog-imgs-61.fc2.com/s/h/a/shaldon e/snap_shaldone_201343112258.jpg" border="0" width="250" height="184" s tyle="border:0" class="emoji"></a& gt;

    上記の赤字の部分が最初width="50%"となってました。

    4/12(正常な方)
    <a href="http://blog-imgs-61.fc2.com/s/h/a/shaldone /snap_shaldone_201341145631.jpg" target="_blank&qu ot;>
    <img src="http://blog-imgs-61.fc2.com/s/h/a/shaldon e/snap_shaldone_201341145631.jpg" alt="snap_shaldo ne_201341145631.jpg" border="0" width="2 50" height="187" /></a>

    4/7の<img src=~の最後の部分style="border:0" class=&qu ot;emoji"のせいで、細かい事なんですが他の画像では白い縁取り線?みたいなものがつくのに、この画像だけな いのかな、と思っているのですが。

    2013年04月11日 22:54 by shaldone(shal)

  • >タグ?を見た所、どうやら4/7と4/12では画像の内容が異なっているようです。
    >・・・何でだろう?
    <a href=~><img src=~></a>のタグを、おかしいと思われるもの と、正常だと思われるものをこちらに貼っていただければ確かなことが言えるかと思います。

    ブログを拝見したところ4/7と4/12の記事は数ピクセル違うものの250×184の画像みたいですね。
    このことから、元画像はshalさんの意図した解像度(画像の大きさ)なのでお絵かきエディタでは正常に作られてると思われま す。

    おそらく、サムネイルで194*146くらいの設定になっててアップロードした、といったものだと思います。
    試しに元画像にsをつけた画像を見てみたところ、45*33とかなり小さい画像ですね。なぜ194*146という大きさになっ てたのかはわかりません。今ある情報だけだとここまでが限界です。


    http://blog-imgs-61.fc2.com/s/h/a/shaldone/snap_shaldone_20 1341145631s.jpg
    http://blog-imgs-61.fc2.com/s/h/a/shaldone/snap_shaldone_20 1341145631.jpg

    http://blog-imgs-61.fc2.com/s/h/a/shaldone/snap_shaldone_20 1343112258s.jpg
    http://blog-imgs-61.fc2.com/s/h/a/shaldone/snap_shaldone_20 1343112258.jpg

    2013年04月11日 21:52 by ギル

  • 御回答ありがとうございました。
    気付くのが遅く、返事遅れてスミマセン(あとブログが見れない時期がありました;)

    教えていただいたとおりにとりあえずサイズを変更したら、表示サイズは他と同じになりました。

    タグ?を見た所、どうやら4/7と4/12では画像の内容が異なっているようです。
    ・・・何でだろう?

    2013年04月11日 17:30 by shaldone(shal)

  • お絵かきエディタは使ったことがないので画像のアップロードと表示についてだけ。

    <a href="クリックすると開く画像" ~><img src="記 事上で表示する画像" ~ width="横幅" height="高さ" /></a>

    のような構成になってるかと思います。
    表示する画像の大きさを変更するには、width="250" height="184&qu ot;と指定すればOKです。widthかheightを指定しないとimg srcで指定した画像をそのままの大きさで表示し ます。

    表示する画像(img src)とクリックすると開く画像(href)がshalさんの意図したものかご確認されたほうが良い かと思います。(WebブラウザのURL欄に入力すると確認できます)

    サムネイル付きでアップロードした場合、アップロードした画像を縮小加工したファイルもアップロードされ、小文字のsがついた ファイルとして用意されます。
    そうであった場合に上のwidthやheightを指定する方法を取ると小さくなった画像を拡大表示させてるだけなので良い結 果にはならないと思います。

    >
    あと疑問なんですが、描いた絵を保存→・・・→ブログ画像ディレクトリへの保存 でNOを選んだ場合、その場合描いた絵はどこ へいってしまうのですか?
    アップロード画面上では確認できないので、やはり保存されないのでしょうか?

    予想ですが、Webブラウザ上で作業してると思うのでWeb上(ブログ画像ディレクトリ)に保存しないで終了すればどこにも保 存されずに消えると思います。
    記事の新規作成時みたいに下書き保存するような機能があったり、あるいは作業データとして残しておく機能があったりすれば別で すが。

    2013年04月09日 10:35 by ギル

  • 追記:先日UPした別画像ではちゃんと同じサイズになってるみたいです。
    (4/12UP予定記事)

    2013年04月09日 08:10 by shaldone(shal)