Witam
Zastanawiam się co jest szybsze.
Np. proste drzewo: pień z lekkim brazowym gradientem plus jednokolorowa zielona pokrywa (ksztalt chmurki) imitujaca liscie. Czy lepiej cos takiego stworzyc w pliku PNG i osadzić go w js jako obiekt czy generować-rysowac obrazek w Canvas?

Oczywiste jest, że narysowanie tego w canvas bedzie mniej ważyć, niż grafika w PNG, ale co wg was jest ostatecznie szybsze podczas np. animacji?

Kora, liście i chmurki... Dobry towar...

Jakiej animacji?
Jeśli ma to być pojedynczy obraz, to nie ma znaczenia.
Jeśli ma być tych obrazów więcej niż 100 to masz wybór czy chcesz wspierać stare komputery (canvas jest wolniejszy bez akceleracji).
Jeśli tych obrazów ma być więcej niz 1000, to olałbym animacje canvas i zrzucił to w GIF z kompresją (chyba mniej waży niż APNG).