なぜか画質が悪くなる...

関連記事：Wixはやっぱワードプレスに比べるとSEO弱いねって話

Wixでまたトラブル...。

Wixに画像をアップロードして、その画像に余白部分がちょっとだけ残ってたから、トリミングでちょっとカットしようと思って、Wixの「切り取り・編集」機能を使ってイジッてたんだが...

ここで注目してもらいたいのは写真の赤丸部分。ファイル形式はPNGでサイズは39KBになっている...。

PNGファイルがJPGに変換される...

そして、編集が終わって、画像を保存すると、新しいファイルが生成される。ここまでは順調だったんだが...。

その新しく保存した画像ファイルを見ると、何故かファイル形式がjpgになってて、サイズが60KBとさっきより重くなっている！

さっきより画像のサイズは小さくなってるのに...。

しかもその画像をHPに貼ってみると、明らかに画質が劣化している。（PNGからJPGに変換されてるんだから、画質が悪くなるのは当たり前っちゃ当たり前か...）

なにこのクソ機能？（笑）

調べてみると...

だとさ。どうやらこれは変えられないみたい。

解決法

まとめると、Wixの画像編集機能を使うと、勝手に形式が変更されたり、画質が荒くなるという事。

じゃあどうするか？

答えは簡単。Wixに上げる前の段階で、画像のトリミング、サイズ、圧縮を終わらせておくしかない。

Windowsユーザーならペイント3Dというツールが使えるのでそれを使うのが一番手っ取り早い。

まず編集したい画像を開く

「編集と作成」から「ペイント3Dで編集する」を選択。

画像のトリミングとサイズ変更

そうするとペイント3Dが立ち上がる。

写真の余白などを削除したい場合は「トリミング」をクリックして、好みの形に変更。

次にサイズ変更だが画面上にある「キャンパス」をクリック。

そうすると画面の右に...

こんなタブが出てくるので、幅と高さ所の数字を好みのサイズにすればOK。画像のサイズの比率を変えたくない場合は「縦横比を固定する」にチェックする事を忘れないように。

次に画像の圧縮に関してだが、画像の圧縮はオンラインで圧縮できるサイトが沢山あるので、それを使うのが良いだろう。

search consoleからサイトマップを送信してみたが...

関連記事：WixでPNGファイルの透過画像が白くなってしまう場合の対処法

引き続き、友人に頼まれてWixをちょこちょこイジってる...。

一応、SEO対策でタイトルタグとページディスクリプションを検索エンジンにヒットしやすいように変更してたんだが...。

更新が反映されるのが異様に遅い...

Wixでは上の写真みたいな感じで、「どういうタイトルで検索エンジンに表示されるか」を設定できるんだけど、変更しても全く反映されない。

サーチコンソールからサイトマップを送信してみても、中々更新されない。

Wixのサイトマップは固定で変更できない

調べてわかったんだが、Wixのサイトマップ見てみると、更新頻度を表す<changefreq>がmonthly（1か月に1回の更新を意味する）で固定みたいなんだよね。これが影響してるのかもしれない...。いや、Googleの内部の人間じゃないから詳しくはわからんけど（笑）

そして「変更しよう」と思って調べてみたら、Wixに「サイトマップの編集はできません」と門前払いされる始末（笑）

「機能リクエストを受け付けています」って書いてるけど、絶対実現しなさそうで草。「WixはワードプレスよりSEOが弱い」とは噂で聞いてたが、噂通りだったわ（笑）

ワードプレスとWixのどちらを選ぶかで迷ってる人は結構いるのかもしれないが、個人的にはブログでSEOを気にするならワードプレス一択なのでは...と思った。

導入時の手間で言うと、ドメインを契約したり、サーバーレンタルしなきゃいけないから、ワードプレスの方が面倒だと思うけど、このご時世だから何でも調べりゃ出てくるし、それ以降は特別な処置は必要ない。

デザインはWixの方が直観的にイジれて簡単だと思うが、ブログの場合はそこまでデザインに拘らないという人がほとんどなのでは。（簡単な企業サイトならデザインのしやすさでWixもありかなと思うが）

画像の余白が白くなって透明にならない...

友人に「WixでHPを作りたいんだけど、お前そういうの詳しいだろ？手伝ってくれない？」と言われたから、最近ちょこちょこWixをイジり始めた。

Wixを使うのは初めてだが、中々使いやすい。画像のサイズや位置を変えるのもドラック&ドロップで行えるし、直観的にいじれる分、初心者にはワードプレスとかよりコチラの方がやり易いかもしれない。（ただページ表示速度がチト遅い）

んで、「twitterのリンクを貼りたい」との事なので、公式からマークをPNG形式の透過画像をダウンロードして、ホームページにアップロードしたら...

こんな感じで画像の余白が真っ白になってしまった...。本当なら白い部分も背景の黄色になってないとおかしいんだが...。ちなみに画像は公式が配布している画像だから問題ないはず...。

解決法～其の一

色々調べたら、対処法が分かったので備忘録としてここに残しとく。

まず編集画面で透過させたい画像ファイルの上にある、このアイコンをクリック。

そして一番下の「デザインをカスタマイズ」をクリック。

解決法~其の二

そしたら、こんな画面になるので、「枠線」をクリック。

そして、不透明度・色の部分が100％になってるので...

上の写真のように0％に変更する。すると...

こんな感じで、透過画像に変わって、背景の黄色が見えるようになった。よくわからんが、PNG形式の透過画像を透過させたい時はイチイチこの作業をしなければいけない模様。理由は不明。Wixに聞いてくれ（笑）