Python1年生書籍最終プログラムについて

Question

表題の通り、Python1年生という書籍の最終章の、
『手書き数字から数字を予測する』プログラミングを写経しているのですが、プログラミング自体は問題なく動作をしている様ですが、
書籍の中では、手書き数字を8x8のグレースケールに変換した後、画像を表示し数値リストに変換する流れですが、書籍の参考画像を見比べてみても、8x8に変換しているように感じません。
私個人がそう感じているだけでしょうか。※画像参照

どうか、ご教示お願いいたします。

以下実際に記入したコードとプログラムを実行したときの画像になります。

import tkinter as tk
import tkinter.filedialog as fd
import PIL.Image
import PIL.ImageTk
# 機械学習で使うモジュール
import sklearn.datasets
import sklearn.svm
import numpy

# 画像ファイルを数値リストに変換する
def imageToData(filename):
    # 画像を8*8のグレースケールに変換
    grayImage = PIL.Image.open(filename).convert("L")
    grayImage = grayImage.resize((8,8),PIL.Image.ANTIALIAS)
    # 画像を表示する
    dispImage = PIL.ImageTk.PhotoImage(grayImage.resize((300,300)))
    imageLabel.configure(image = dispImage)
    imageLabel.image = dispImage
    # 数値リストに変換
    numImage = numpy.asarray(grayImage, dtype = float)
    numImage = numpy.floor(16 - 16 * (numImage / 256))
    numImage = numImage.flatten()
    return numImage

# 数字を予測する
def predictDigits(data):
    # 学習用データを読み込む
    digits = sklearn.datasets.load_digits()
    # 機械学習をする
    clf = sklearn.svm.SVC(gamma = 0.001)
    clf.fit(digits.data, digits.target)
    # 予測結果を表示する
    n = clf.predict([data])
    textLabel.configure(text = "この画像は"+str(n)+"です!")

# ファイルダイアログを開く
def openFile():
    fpath = fd.askopenfilename()
    if fpath:
        # 画像ファイルを数値リストに変換する
        data = imageToData(fpath)
        # 数字を予測する
        predictDigits(data)
        
# アプリのウィンドウを作る
root = tk.Tk()
root.geometry("400x400")

btn = tk.Button(root, text="ファイルを開く", command = openFile)
imageLabel = tk.Label()
btn.pack()
imageLabel.pack()

# 予測結果を表示するラベル
textLabel = tk.Label(text="手書きの数字を認識します!")
textLavel.pack()

tk.mainloop()

Answer 1

dispImage = PIL.ImageTk.PhotoImage(grayImage.resize((300,300)))

を以下に変更して実行してみてください。
期待通りの画像が表示されます。

dispImage = PIL.ImageTk.PhotoImage(grayImage.resize((300,300),PIL.Image.BOX))

元の画像は

8×8に縮小した画像は

それをPIL.Image.BOXで300×300に拡大してTkinterで表示したものが

Comments

[kamikire]

実際にご回答にありました、コードを入力したところ、無事に上手く行くことができました。
私の抽象的な質問に対して、非常にわかりやすく、
どういうことかを実際に画像を添付することで、さらに内容を深く理解することが出来ました。
誠にありがとうございました。

Answer 2

手書き数字を8x8のグレースケールに変換した後、画像を表示し数値リストに変換する流れですが、書籍の参考画像を見比べてみても、8x8に変換しているように感じません

    grayImage = grayImage.resize((8,8),PIL.Image.ANTIALIAS)
    dispImage = PIL.ImageTk.PhotoImage(grayImage.resize((300,300)))

感じると言われても、それがどのようなものなのかわかりませんが、8x8に変換したものがgrayImageに入り、表示する際には300x300に変換するからでは？

Comments

[kamikire]

感じるという自己主観的な部分を表現してしまったので、分かりにくい質問になってしまい申し訳ございません。
書籍内容のプログラムに対して意味を理解をできていなかった為、処理時の流れを認識することができました。
誠にありがとうございます。