Webデザインの知恵袋

Webデザイン周りについての気付きやメモを綴ります。

Photoshopで参考画像をトレースしていて「なんかサイズ合わないな」と思ったとき

参考になる画像、バナーを元にトレースすることはよくあると思いますが、その際に枠線の太さや位置がなんか合わない…ということがあります。

 

その原因は...

 

単位がpixelに統一されていないからです。

 

Web系のクリエイティブや素材を作成するときは基本的にpixelを使います。

なのでこの単位がmmやpointになっていると上手くいかないことがあります。

 

環境設定(Ctrl + K)→ 単位・定規 → pixelに統一する

 

f:id:webpouch:20190205182026p:plain

 

これだけでOKです。

 

再起動してもう一度試してみてください。うまくいくはずです!

Photoshopでバナー画像に枠線を一発で入れる(レイヤースタイル以外の方法)

レイヤースタイルを使って枠線を入れる方法もありますが、ここではもっとカンタンな方法を紹介します。

 

1、新規レイヤーを作成し、レイヤー名を「枠線」などに変更

2、選択ツールで全体を選択(Ctrl + A)

3、右クリックして「境界線を描く」

4、ダイヤログ内で「幅」「カラー」「位置:内側」を選択

 

これだけで一発で枠線を入れられます。

 

こちらにより詳しい解説が載っていますので参考にどうぞ。

 

techblog.gmo-ap.jp

 

 

Excelを保存するとき重くなる原因は?悪さしてるシートを発見する方法

Excelを保存しようとしたらなぜか毎回毎回時間がかかるようになりました。

フリーズとまではいきませんが1秒くらいかかるみたいな。

なんでだろう?とふとファイルサイズを見たら・・・

f:id:webpouch:20181026204433p:plain

ファッ!?

Excelファイルが8.74MBだと!?

なにかがおかしいぞ・・・

別に画像とか挿入してないからファイル内のどこかで大量に容量を食っているはず。

 

一体どのシートが悪さしてるんだ問題

しかいざ原因を調査しようとしてもどのシートに原因があるかわからない(泣)

なにしろこのファイルにはシートが8つがあるからねえ。

一個一個調べるのはさすがにめんどくさすぎる

 

どのシートが悪さしてるか一発で調べる方法

ということで色々ググってみたら解決策が見つかりました!

スクロールバーが明らかに小さくなってるシートを探せば良いんです!

こんな風に↓

f:id:webpouch:20181026205052p:plain

なんでこんなに小さくなっとるんや!

何かしらの文字・数字・数式・空白などが入ってしまっている可能性があるので不要なセルを削除します。

上のほうの文字は残しつつ空白のセルを一回削除します。

 

適当な列を一括選択し、「Shift」+「Ctrl」+「↓PgDn」を押せば最下層まで一気に選択できます。

あとは右クリック押して「削除」を選べば空白のセルは削除できます。

 

この作業をやったところファイルサイズは59.7KBになりました。

f:id:webpouch:20181026205627p:plain

めでたしめでたし。

 

↓参考にしたサイト

www.fastclassinfo.com

はてなブログで写真投稿しようとしたら「アップロードに失敗しました 」と出るときの対処法

ある日、気分良くはてなブログを更新しようとしたら画像のアップロードで以下のようなエラーが。

f:id:webpouch:20180807093740p:plain

 

は?

 

昨日までは問題なくアップロードできてたんですけど。

 

調べてみると画像サイズが大きすぎるとアップロードできないことが多いみたい。

 

しかしアップロードしてるサイズはたったの12.1KBなのにこれ以上の圧縮を求めるというのかはてなブログは?

f:id:webpouch:20180807094207p:plain

 

仕方なくGIMPなどの画像編集ソフトで縦横を縮小してみました。すると・・・

 

f:id:webpouch:20180807094518p:plain

 

(#^ω^)ピキピキ

 

さらに調べてみると、

 

どうやら画像の縮小ではなくて、画像の圧縮らしいです。

 

Web上で圧縮ができるサービスを使ってみました。

compressjpeg.com

 

すると!

 

アップロードできた~~~~!!!

 

1時間くらいはこの問題で悩んでましたよホント。

 

アップロードするときいちいち圧縮しないといけないの面倒くさいので、はてな側で対応してほしいです。

 

とりあえず画像アップロードがうまくいかないときは、

  • 画像圧縮サービスを使ってみる

これを試してみてください。

 

ではまた!

修正した後も「pz-linkcard: URLパラメーターの指定が無効です」が消えないときは?

ある日、Wordpressの管理画面にログインすると以下のようなアラートが表示されました。

 

f:id:webpouch:20180807092458p:plain

 

「pz-linkcard: URLパラメーターの指定が無効です」

 

という赤字で何やらものものしいアラートです。

 

調べてみるとPz-LinkCardプラグインのパラメータが間違っている場合に表示されるようです。

 

ということで表示されてるURLを見てみました。ところがPz-LinkCardのショートコードはそのページでもう使っていませんでした。

 

 なのにアラートは表示されたまま。

 

Googleで調べてみるとこのプラグインの作者のブログがでてきました。

 

popozure.info

 

これによると修正後は、URL指定エラー」のチェックを外す必要があるようです。

 

f:id:webpouch:20180807093046p:plain

 

実際にチェックを外して更新してみるとエラーが消えました!!

 

よかったよかった。