ヤマレコなら、もっと自由に冒険できる

Yamareco

HOME > ヤマノート > PC版デザイン変更に伴うヘッダ写真の改善(案)
更新日:2024年02月03日 訪問者数:158
ジャンル共通 IT
PC版デザイン変更に伴うヘッダ写真の改善(案)
ツッチ〜
PC版のデザインが変更され、代表写真がレコの先頭に大きく表示される様になりました。
目立ってカッコイイ半面、画像が粗いとか上下が切れてしまったとかの不都合も発生しています。

画像上:白馬の首が切れて残念な感じになってしまったヘッダ部の例です。
画像下:この様になった代表写真です。馬の首から上の空の面積が小さい事が原因です。
改善例が下記です。
画像上:白馬の全体が表示される様になったヘッダ部です。
画像下:この様に表示する為の代表写真です。
画像下は写真の左右にボカシが付加されて縦横比(アスペクト比)が22:10になっています。
写真の加工は、無料のフリーソフト:IrfanView を使って簡単に出来ます。
・IrfanView を起動して、編集したい写真を、ファイル → 開くで指定して開きます。
・画像 → キャンバスサイズ変更 をクリックします。
・下記のウインドウが開くので、Custom ratio:の項目の●ボタンを選択して、右の数値欄に2.2と入力します。アスペクト比が22:10になります。一度設定すれば次回は不要です。
※場合によっては、16:10の●を選択した方が良いこともあります。(後述)
・OKをクリックすると前述の写真の様に左右にボカシの画像が付加されます。
・ファイルを保存します。私は、ファイル → 保存(元のフォルダ)を指定してファイル名を変更した後、元のフォルダに保存する様にしています。
縦長写真の場合どうなるか示します。
画像上:元の写真
画像下:加工後の写真
縦長写真だと3つ並んだ様な感じになります。
アスペクト比を16:10にした方が良いかも知れない理由です。
下記は山行一覧の画面です。アスペクト比22:10にすると、一覧の写真も横長になり目立たなくなってしまいます。
しかし、山行記録の検索で自分の記録を検索すると全て正方表示となります。
この辺の理由は分かりません。
IrfanView は下記からダウンロード出来ます。
窓の杜 IrfanView
https://forest.watch.impress.co.jp/library/software/irfanview/

IrfanView のインストールと日本語化の参考です。
https://webspot.info/irfanview_install_download_jp/

簡単に説明すると、
・IrfanView をダウンロードしてインストールする。
・日本語化モジュールをダウンロードしてインストールする。
・IrfanView を起動して、上部メニューの【Options】内から【Change Language】をクリックして、JAPANESE.DLLを選択する。(もう一つありますがどっちでもイイみたいです。)

以上、最後までご覧いただき、ありがとうございました。
簡単に画像加工が出来るので、沢山の方に試して頂き、気に入ったら使って頂きたいと思っています。
IrfanViewで画像の左右にボカシを付加する手順 - YouTube
PC版ヤマレコのデザインが変更され代表写真が山行記録の先頭に大きく表示される様になりました。目立ってカッコイイ半面、画像が粗くなったとか上下が切れてしまったとかの不都合も発生しています。無料のフリーソフト:IfanViewで写真の左右にボカシ画像を付加して縦横比を22:10に変更する手順です。
お気に入りした人
拍手で応援
拍手した人
拍手

※この記事はヤマレコの「ヤマノート」機能を利用して作られています。
どなたでも、山に関する知識や技術などのノウハウを簡単に残して共有できます。 ぜひご協力ください!

詳しくはこちら

コメント

こんばんは。
ふと立ち寄りましたが、このヤマノート公開してます。下書きのまま?
2024/4/3 20:07
tatsucaさん こんばんは、

このヤマノートは、最近登録されたノートには表示されず、すべてのヤマノートには表示されています。
ヤマレコオフィシャルに、おかしいのではと問い合わせたのですが、納得いく回答は得られませんでした。


運営側から回答です。

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

tuchy様

ヤマレコ お問い合わせ担当の○○です。
ご迷惑をおかけしております。

「最近登録されたノート」には、全てのヤマノートが表示されるわけではありません。
表示の条件につきましては、非公開とさせていただいております。

申し訳ありませんが、何卒ご了承ください

どうぞよろしくお願いします。

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−


詳細は、下記のボヤキ日記をご参照下さい。
https://www.yamareco.com/modules/diary/69073-detail-321269
2024/4/3 20:25
プロフィール画像
ニッ にっこり シュン エッ!? ん? フフッ げらげら むぅ べー はー しくしく カーッ ふんふん ウィンク これだっ! 車 カメラ 鉛筆 消しゴム ビール 若葉マーク 音符 ハートマーク 電球/アイデア 星 パソコン メール 電話 晴れ 曇り時々晴れ 曇り 雨 雪 温泉 木 花 山 おにぎり 汗 電車 お酒 急ぐ 富士山 ピース/チョキ パンチ happy01 angry despair sad wobbly think confident coldsweats01 coldsweats02 pout gawk lovely bleah wink happy02 bearing catface crying weep delicious smile shock up down shine flair annoy sleepy sign01 sweat01 sweat02 dash note notes spa kissmark heart01 heart02 heart03 heart04 bomb punch good rock scissors paper ear eye sun cloud rain snow thunder typhoon sprinkle wave night dog cat chick penguin fish horse pig aries taurus gemini cancer leo virgo libra scorpius sagittarius capricornus aquarius pisces heart spade diamond club pc mobilephone mail phoneto mailto faxto telephone loveletter memo xmas clover tulip apple bud maple cherryblossom id key sharp one two three four five six seven eight nine zero copyright tm r-mark dollar yen free search new ok secret danger upwardright downwardleft downwardright upwardleft signaler toilet restaurant wheelchair house building postoffice hospital bank atm hotel school fuji 24hours gasstation parking empty full smoking nosmoking run baseball golf tennis soccer ski basketball motorsports cafe bar beer fastfood boutique hairsalon karaoke movie music art drama ticket camera bag book ribbon present birthday cake wine bread riceball japanesetea bottle noodle tv cd foot shoe t-shirt rouge ring crown bell slate clock newmoon moon1 moon2 moon3 train subway bullettrain car rvcar bus ship airplane bicycle yacht

コメントを書く

ヤマレコにユーザー登録いただき、ログインしていただくことによって、コメントが書けるようになります。
ヤマレコにユーザ登録する
Notice [PHP]: Undefined index: yr_viewmode in file /export/httpd/html/mainfile.php line 145
Notice [PHP]: Use of undefined constant _MI_YAMARECO_VOTE_NOTIFY - assumed '_MI_YAMARECO_VOTE_NOTIFY' in file /export/httpd/html/modules/yamanote/xoops_version.php line 81
Notice [PHP]: Use of undefined constant _MI_YAMARECO_VOTE_NOTIFYDSC - assumed '_MI_YAMARECO_VOTE_NOTIFYDSC' in file /export/httpd/html/modules/yamanote/xoops_version.php line 82
Notice [PHP]: Use of undefined constant _MI_YAMARECO_VC_TITLE - assumed '_MI_YAMARECO_VC_TITLE' in file /export/httpd/html/modules/yamanote/xoops_version.php line 89
Notice [PHP]: Use of undefined constant _MI_YAMARECO_VC_CAPTION - assumed '_MI_YAMARECO_VC_CAPTION' in file /export/httpd/html/modules/yamanote/xoops_version.php line 90
Notice [PHP]: Use of undefined constant _MI_YAMARECO_VC_DESC - assumed '_MI_YAMARECO_VC_DESC' in file /export/httpd/html/modules/yamanote/xoops_version.php line 91
Notice [PHP]: Use of undefined constant _MI_YAMARECO_VC_SUBJECT - assumed '_MI_YAMARECO_VC_SUBJECT' in file /export/httpd/html/modules/yamanote/xoops_version.php line 93
Notice [PHP]: Undefined index: 3181470 in file /export/httpd/html/class/commentrenderer.php line 306
Notice [PHP]: Undefined index: 3181470 in file /export/httpd/html/class/commentrenderer.php line 307
Notice [PHP]: Undefined index: 3181451 in file /export/httpd/html/class/commentrenderer.php line 268
Notice [PHP]: Undefined index: 3181451 in file /export/httpd/html/class/commentrenderer.php line 269