質問編集履歴

5

追記の追記

2019/01/09 12:03

投稿

k_n
k_n

スコア10

test CHANGED
File without changes
test CHANGED
@@ -204,6 +204,32 @@
204
204
 
205
205
 
206
206
 
207
+ ### 追記の追記
208
+
209
+ ご回答、アドバイスいただきありがとうございます。
210
+
211
+ 以下新しく確認したことになります。
212
+
213
+
214
+
215
+ ・縦1000ピクセル程度の画像の同様な画像で横300ピクセルに縮小した場合
216
+
217
+ ->上に添付しました画像と変わらないくらいにぼやけておりました。
218
+
219
+ ・ブラウザではなくペイント等のアプリで表示した場合
220
+
221
+ ->上記のソースを通して生成したサムネイル画像で確認いたしましたがぼやけておりました。
222
+
223
+ ・サムネイル画像の縦と横の比率は元画像と同一か
224
+
225
+ ->上記の1回目の追記とにかよりますが、厳密にいえば生成されたサムネイルの縦幅は6010.928961748634であってほしいのですが、小数点が切り捨てられてしまい縦幅6010となってしまっている為、多少の誤差がございます。
226
+
227
+
228
+
229
+ 縮小しているのだからしょうがないというご意見が多数あるようで、しょうがないと片づけたい気持ちとなんだかすっきりしない気持ちとで悩ましいです。。
230
+
231
+
232
+
207
233
  質問が拙くて申し訳ないのですが、何かわかることがあれば助言いただけると幸いです。
208
234
 
209
235
  よろしくお願いいたします。

4

状況詳細追記

2019/01/09 12:02

投稿

k_n
k_n

スコア10

test CHANGED
File without changes
test CHANGED
@@ -182,7 +182,7 @@
182
182
 
183
183
  答えになっていなかったらすみません。
184
184
 
185
- 横293.91の枠にアップロードした画像を表示予定です。
185
+ 最終的にブラウザで横293.91ピクセル画像表示枠にアップロードした画像を表示予定です。
186
186
 
187
187
 
188
188
 
@@ -190,7 +190,7 @@
190
190
 
191
191
  横300ピクセルの画像で登録してみたところ画質は変わらないようでした。
192
192
 
193
- 調べてみて新しくわかったのは、元画像(1098×22000)の画像を横300に縮小して生成した画像(サムネイル)と元画像を横300で指定し表示した際、縦の長さがそれぞれ6010.93(元画像)、6010(サムネイル)となっていることに原因があるかもしれないとわかったのですが、round等駆使してみたのですがなぜか小数点が切り捨てられた画像が生成されてしまいます。
193
+ 調べてみて新しくわかったのは、元画像(1098×22000ピクセル)の画像を横300ピクセルに縮小して生成した画像(サムネイル)と元画像を横300ピクセルで指定しブラウザでimageタグで囲い表示し、検証機能で確認した際、縦の長さがそれぞれ6010.93ピクセル(元画像)、6010ピクセル(サムネイル)となっていることに原因があるかもしれないとわかったのですが、round等駆使してみたのですがなぜか小数点が切り捨てられた画像が生成されてしまいます。
194
194
 
195
195
  ↑imagecopyresampled等を通ったときにfloatがintになってしまう過程で小数点が切り捨てられている?
196
196
 

3

追記

2019/01/08 08:08

投稿

k_n
k_n

スコア10

test CHANGED
File without changes
test CHANGED
@@ -192,6 +192,8 @@
192
192
 
193
193
  調べてみて新しくわかったのは、元画像(1098×22000)の画像を横300に縮小して生成した画像(サムネイル)と元画像を横300で指定し表示した際、縦の長さがそれぞれ6010.93(元画像)、6010(サムネイル)となっていることに原因があるかもしれないとわかったのですが、round等駆使してみたのですがなぜか小数点が切り捨てられた画像が生成されてしまいます。
194
194
 
195
+ ↑imagecopyresampled等を通ったときにfloatがintになってしまう過程で小数点が切り捨てられている?
196
+
195
197
 
196
198
 
197
199
  また画像のぼやけ具合ですが

2

追記

2019/01/08 07:34

投稿

k_n
k_n

スコア10

test CHANGED
File without changes
test CHANGED
@@ -134,7 +134,7 @@
134
134
 
135
135
  case IMAGETYPE_PNG:
136
136
 
137
- imagepng($smallImage, '_small.' . $imageExt, 100);
137
+ imagepng($smallImage, '_small.' . $imageExt, 0);
138
138
 
139
139
  break;
140
140
 
@@ -173,3 +173,35 @@
173
173
  些細なことでもアドバイスいただけると嬉しく思います。
174
174
 
175
175
  どうぞよろしくお願いいたします。
176
+
177
+
178
+
179
+ ### 追記
180
+
181
+ 皆様ご回答ありがとうございます。
182
+
183
+ 答えになっていなかったらすみません。
184
+
185
+ 横293.91の枠にアップロードした画像を表示予定です。
186
+
187
+
188
+
189
+ tabuuさんからのcaseやifの分岐が想定していないコードを実行している可能性もある、とのことで
190
+
191
+ 横300ピクセルの画像で登録してみたところ画質は変わらないようでした。
192
+
193
+ 調べてみて新しくわかったのは、元画像(1098×22000)の画像を横300に縮小して生成した画像(サムネイル)と元画像を横300で指定し表示した際、縦の長さがそれぞれ6010.93(元画像)、6010(サムネイル)となっていることに原因があるかもしれないとわかったのですが、round等駆使してみたのですがなぜか小数点が切り捨てられた画像が生成されてしまいます。
194
+
195
+
196
+
197
+ また画像のぼやけ具合ですが
198
+
199
+ ![イメージ説明](61b698a714383686ecc1f40b7a8e0d29.png)
200
+
201
+ 実際に表示される画像を並べました。左側がぼけてしまうサムネイル、右側が縮小していない元画像になります。
202
+
203
+
204
+
205
+ 質問が拙くて申し訳ないのですが、何かわかることがあれば助言いただけると幸いです。
206
+
207
+ よろしくお願いいたします。

1

誤字

2019/01/08 07:10

投稿

k_n
k_n

スコア10

test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- 色々なページを参考に(https://qiita.com/suin/items/b01eebc05209dba0eb3e 等)以下のコードを書きましたが、最後にアップロードされる画像が元の画像より多少ぼやけた画像となってしまいます、解決方法がわからずいです。
13
+ 色々なページを参考に(https://qiita.com/suin/items/b01eebc05209dba0eb3e 等)以下のコードを書きましたが、最後にアップロードされる画像が元の画像より多少ぼやけた画像となってしまう原因がわからず困っております。
14
14
 
15
15
 
16
16